@boikom

@boikom

Forum Replies Created

Viewing 15 posts - 586 through 600 (of 656 total)
  • Author
    Posts
  • in reply to: Typescript bindings #99772
    admin
    Keymaster
    Up
    0
    Down

    I decided to roll on my own type definitions to keep typescript compiler happy.
    With a smart guy this kind of type definitions could be generated programmatically in no time!
    It is a bit tedious and I feel a bit stupid doing this, but I feel it is easier for my eyes to do this way:

    export interface MenuEvent extends CustomEvent {
        detail: SmartMenuItem;
    }
    export interface SmartMenu extends HTMLElement {
        locale: string;
    }
    export interface SmartMenuItem extends HTMLElement {
        item: any;
        label: any;
        value: any;
    }
    export interface SmartTextBox extends HTMLElement {
        locale: string;
        readonly: boolean;
        required: boolean;
        theme: string;
        value: string;
    }
    export interface SmartPasswordTextBox extends HTMLElement {
        locale: string;
        maxLength: number;
        minLength: number;
        passwordStrength: (password, allowedSymbols) => string;
        required: boolean;
        showPasswordIcon: boolean;
        showPasswordStrength: boolean;
        theme: string;
        tooltipArrow: boolean;
        value: string;
    }
    export interface SmartDropDownList extends HTMLElement {
        displayMember: string;
        locale: string;
        selectedIndexes: any[];     // array type?
        selectedValues: any[];      // array type?
        selectionMode: string;
        valueMember: string;
        clearItems();
        insert(position: number, value: any);
    }
    in reply to: Typescript bindings #99763
    admin
    Keymaster
    Up
    0
    Down

    Hi
    Good to hear that you have not abandoned typescript totally.
    It is indeed possible to use Smart HTML Elements with typescript using just one import:
    import "@smarthtmlelements/smart-elements/source/smart.elements.js";
    Only that I am missing intellisense and code completion as I can not use actual types but HTMLElement or nearest type from it if I believe that I can use it.
    And can not Ctrl-click (jump) to object or method in question.
    I have to copy every method that I use from your API or examples pages. It is a bit tedious but once I got all the words and have tested them to work things go quite smoothly 🙂
    Overall I like custom tags very much as they make manipulating DOM elements really slick with only one instance to track and you can use DOM API for that.
    IMO your framework has definitely a bright future as it matures a bit and is more feature complete.
    Example: Smart HTML Elements with typescript without type definitions
    P.S. I would love to have a preview button before submitting post with heavy formatting.

    in reply to: Typescript bindings #99761
    admin
    Keymaster
    Up
    0
    Down

    Hi petays,
    Thank you for writing.
    We will consider adding Typescript definitions in the future versions. At present, we are focused on building the User Interface components and adding the missing features to the existing components.
    Is not it possible to use the Framework without Typescript? We have tutorials like that one https://www.htmlelements.com/docs/create-angular-and-react-applications-with-shared-web-components/ which shows how to use a Custom Element from our framework within Angular & React projects which use Typescript. As for Type checking, all properties in our UI Components are Typed(int, float, date, string, bool) with built-in type checking at run-time i.e invalid values are handled by the framework.
    Best regards,
    Boyko Markov
    https://www.htmlelements.com
    Smart HTML Elements Team

    in reply to: Change the direction of the slider #99610
    admin
    Keymaster
    Up
    0
    Down

    Hello hansT,
    To achieve this, please enable the property inverted, as demonstrated in the following example: https://www.htmlelements.com/demos/slider/basic/ (the third and fourth smart-sliders).
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Custom password strength label for PasswordTextBox #99608
    admin
    Keymaster
    Up
    0
    Down

    Hi hansT,
    You can update tooltip’s strings by changing the value of messages property.
    Also can be configured such a strings for more than one language. Via locale property you can switch between both used languages.
    Please, refer to the following demo. It can be helpful for you:
    https://www.htmlelements.com/demos/passwordtextbox/strength-localization/
    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Changing the length of the value #99585
    admin
    Keymaster
    Up
    0
    Down

    Hi hansT,
    You can achieve this by setting precisionDigits property to 2.
    <smart-tank precision-digits="2"></smart-tank>
    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Set a different filter option #99583
    admin
    Keymaster
    Up
    0
    Down

    Hi hansT,
    To achieve this, please set the filterMode property to ‘startsWith’.
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Changing the value label #99581
    admin
    Keymaster
    Up
    0
    Down

    Hello hansT,
    Please make use of the callback function format-function to achieve your requirement:

    <script type="text/javascript">
        function progressValueFormatFunction(value) {
            return 'Progress label';
        }
    </script>

    <jqx-progress-bar value="50" show-progress-value format-function="progressValueFormatFunction"></jqx-progress-bar>
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Scrollbar usage #99580
    admin
    Keymaster
    Up
    0
    Down

    Hello hansT,
    jqx-scroll-bar is a custom element and its visibility is not affected by its parent’s overflow CSS property. You can use jqx-scroll-bar in whatever configuration you like.
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Scrollbar usage #99578
    admin
    Keymaster
    Up
    0
    Down

    Got it. Thank you.
    Another questions comes to mind. Can i have the scrollbars visible even though they are not needed in order to view the full content of the page ?

    in reply to: Scrollbar usage #99577
    admin
    Keymaster
    Up
    0
    Down

    Hello hansT,

    1. To hide the browser scrollbars, please set overflow: hidden to the HTML element that overflows and shows them.
    2. In the change event handler function, the value is received as event.detail.value.

    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Personalizing the tick marks count #99572
    admin
    Keymaster
    Up
    0
    Down

    Hi hansT,
    Yes, it’s possible.
    To do this, you have to set several properties:
    coerce and customInterval must be set to true
    customTicks must be set to an array with options, in your case – ‘[5, 15 , 55, 85, 100]’
    Here is an example:
    <smart-tank coerce custom-interval custom-ticks='[5, 15 , 55, 85, 100]'></smart-tank>
    Please, take a look also at the example in the demo section of our website:
    https://www.htmlelements.com/demos/tank/custom-interval/
    It will be helpful for you.
    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Load items on demand #99569
    admin
    Keymaster
    Up
    0
    Down

    Hi Michael20,
    You can listen for scrollBottomReached or scrollTopReached and insert items when the event is fired. Here’s an example demo
    Best Regards,
    Christopher
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Changing state on button's label click #99568
    admin
    Keymaster
    Up
    0
    Down

    Hi pcng618,
    smart-radio-button has enableContainerClick property for this purpose.
    It allows clicks on the label to be handled the same way as clicks on the radio button’s shape.
    Here is a demo:

    <smart-radio-button enable-container-click>Radio button 1</smart-radio-button>
    <smart-radio-button enable-container-click>Radio button 2</smart-radio-button>

    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Hide content on label click #99524
    admin
    Keymaster
    Up
    0
    Down

    Hello hansT,
    To achieve this, please set the property allowToggle to true.
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 15 posts - 586 through 600 (of 656 total)