@boikom
@boikom
Forum Replies Created
-
AuthorPosts
-
admin
KeymasterHi hansT,
To do this, you can use a template. Custom templates can be set via tooltipTemplate property. In the template, you can set various HTML content, including progress bar elements.
Here is an example of how to do this:<template id="template"> <smart-progress-bar value="50"></smart-progress-bar> </template> <smart-button id="button">Button</smart-button> <smart-tooltip id="tooltip" selector="button" arrow tooltip-template="template"></smart-tooltip>Best Regards,
Ivailo Ivanov
Smart HTML Elements Team
https://www.htmlelements.comKeymasterHello hansT,
Here is how to set the width of the color ranges:<style type="text/css"> #needleGauge2 .jqx-range { width: 15px; } </style>We hope this solution is helpful to you.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.comKeymasterHi hansT,
To validate the user input this way, You have to use the following mask – “AA #### AA”(“A” matches A-Z letters, “#” matches digits).
Here is a snippet:
<smart-masked-text-box mask="AA #### AA"></smart-masked-text-box>
Best Regards,
Ivailo Ivanov
Smart HTML Elements Team
https://www.htmlelements.comKeymasterHi Michael20,
the open direction of the DropDownList custom element can be changed by setting the property dropDownPosition. There are several options available: ‘auto’, ‘top’, ‘bottom’, ‘overlay-top’, ‘overlay-center’, ‘overlay-bottom’, ‘center-bottom’, ‘center-top’. Check out the official API document for further details: API.
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.comKeymasterHi 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.comKeymasterHi 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.comKeymasterHi 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.comKeymasterHello 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.comKeymasterKeymasterKeymasterHi 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.comJanuary 11, 2019 at 3:31 pm in reply to: How to reverse circular progress bar rotation direction #99430KeymasterHi 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 -
AuthorPosts