Products

[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

[admin]

Hi Peter,
Thank you for your interest in our Tank Web Component.
A note about those unfamiliar with what Shadow DOM is. Shadow DOM refers to the ability of the browser to include a subtree of DOM elements into the rendering of a document, but not into the main document DOM tree
A Shadow DOM support for the Tank is in active development. With every new release, we will add support for Shadow DOM in some of the elements and with the time we will have full support for it. At present, we cannot tell exactly when Tank will be with Shadow DOM support, but we will keep this topic up to date and when we add support, we will update it.
Please, let us know if you have additional questions.
Best Regards,
B. Markov
SmartHtmlElements Team
https://www.htmlelements.com

[Author]

Posts