Products

[admin]

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

[admin]

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

[admin]

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

[admin]

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.

[admin]

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

[admin]

Thank you very much!
Best regards,
Mike

[admin]

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

[admin]

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

[admin]

Great, thanks !

[admin]

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

[admin]

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/

[admin]

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

[admin]

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

[admin]

Thanks, that was exactly what I needed.
Best regards,
Mike

[admin]

Hi Michael20,
There’s a dropDownOpenMode property with an option called dropDownButton that splits the element in two sections : an action button and a drop down button ( the arrow ). If you set it the drop down will open only when pressing the arrow.
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts