@boikom

@boikom

Forum Replies Created

Viewing 15 posts - 841 through 855 (of 877 total)
  • Author
    Posts
  • in reply to: Selected by default #99448
    admin
    Keymaster

    This really helps, thanks.
    Best regards,
    Mike

    in reply to: Default color #99447
    admin
    Keymaster

    Thanks, Ivailo, it works!
    Best regards,
    Mike

    in reply to: Default color #99445
    admin
    Keymaster

    Hi Mike,
    To do this, you just have to set element’s type property to “success”:
    <smart-toast type="success">Successful operation!!!</smart-toast>
    You can use several “type” options to style easily the element – “info”, “warning”, “success”, “error”, “mail”, “time”.
    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Selected by default #99443
    admin
    Keymaster

    Hi Michael20,
    You can select an item in several ways:

    • If you are initializing items declaratively inside your web page, you can set the selected attribute to the desired List Item element.
    • By setting the selectedIndexes or selectedValues properties to the correposnding value.
    • By calling the select method. This method accepts one argument – a List Item element instnace. You can get a reference to it by calling the getter items on the Combo Box element and filter out the item you desire.

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

    in reply to: Circular progress bars nesting #99442
    admin
    Keymaster

    Hi pcng618,
    Yes, you can nest anything inside the center part of the Circular Progress Bar element. Here’s a demo of a ToggleButton element inside a Circular Progress Bar:
    demo
    Best Regards,
    Christopher
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Numbers after decimal point #99440
    admin
    Keymaster

    Hello hansT,
    To achieve this, please set the property precisionDigits, i.e.:
    <smart-slider show-tooltip precision-digits="2"></smart-slider>
    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: Displaying a combo box? #99434
    admin
    Keymaster

    Hi Michael20,
    Yes, smart.listbox.js is also required in order to initialize a ComboBox custom element. All elements are coded to throw an error or a warning in the console in case of a missing reference or improper usage.

    in reply to: Displaying a combo box? #99433
    admin
    Keymaster

    Hi,
    Thanks for the clarification. Am I correct that it also requires smart.listbox.js, because smart-drop-down-list requires it?
    Best regards,
    Mike

    in reply to: Sorted by default? #99432
    admin
    Keymaster

    Thank you very much!
    Best regards,
    Mike

    in reply to: Customize scale labels and tick marks #99431
    admin
    Keymaster

    Hi hansT,

    • To show only the ticks with labels, please set ticks-visibility="major".
    • The color of tick marks can be set using the CSS variable --smart-tick-color, i.e.:
      <style type="text/css">
          smart-slider {
              --smart-tick-color: red;
          }
      </style>

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

    in reply to: How to reverse circular progress bar rotation direction #99430
    admin
    Keymaster

    Hi pcng618,
    Yes, you can change the rotation direction of an indeterminate smart circular progress bar. To do this, you have to set element’s inverted property to true (or use the corresponding attribute with the same name).
    For example :
    <smart-progress-bar indeterminate inverted></smart-progress-bar>
    Best Regards,
    Ivailo Ivanov
    Smart HTML Elements Team
    https://www.htmlelements.com

    in reply to: styling item separator #99427
    admin
    Keymaster

    Great, thanks !

    in reply to: Sorted by default? #99426
    admin
    Keymaster

    Hi Michael20,
    yes it is. Just set the sorted attribute on the tag of the element and the items will be sorted by default. Here’s an example:

    
    <smart-list-box sorted>
      <smart-list-item>Z</smart-list-item>
      <smart-list-item>A</smart-list-item>
      <smart-list-item>G</smart-list-item>
    </smart-list-box>
    

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

    in reply to: styling item separator #99423
    admin
    Keymaster

    Hello hansT,
    To do so, please add the following style to your page:

    <style type="text/css">
        smart-menu-item[separator],
        smart-menu-items-group[separator] {
            border-bottom: 3px solid red;
        }
    </style>

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

    in reply to: Displaying a combo box? #99422
    admin
    Keymaster

    Hi Michael20,
    In order to initialize a ComboBox custom element you need to include the following references:

    • smart.base.css
    • smart.element.js
    • smart.button.js
    • smart.scrollbar.js
    • smart.dropdownlist.js
    • smart.combobox.js

    There are a detailed instructions and information about initializing a ComboBox custom element in the “Docs” section:
    ComboBox
    Best Regards,
    Christopher
    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 15 posts - 841 through 855 (of 877 total)