Products

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

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 ?

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

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

[admin]

Hi pcng618,
Here is a code snippet that shows how to achieve this. We hope it is helpful:

<smart-menu id="menu" mode="dropDown" opened>
    <smart-menu-items-group>
        File
        <smart-menu-item shortcut="Ctrl+N">New</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+0">Open</smart-menu-item>
        <smart-menu-items-group>
            Open Containing Folder
            <smart-menu-item>Explorer</smart-menu-item>
            <smart-menu-item>cmd</smart-menu-item>
        </smart-menu-items-group>
        <smart-menu-item shortcut="Ctrl+S" disabled>Save</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+Alt+S" separator>Save As...</smart-menu-item>
        <smart-menu-item shortcut="Alt+F4">Exit</smart-menu-item>
    </smart-menu-items-group>
    <smart-menu-items-group>
        Edit
        <smart-menu-item shortcut="Ctrl+Z">Undo</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+Y" separator>Redo</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+X">Cut</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+C">Copy</smart-menu-item>
        <smart-menu-item shortcut="Ctrl+V" disabled>Paste</smart-menu-item>
    </smart-menu-items-group>
    <smart-menu-items-group drop-down-height="300">
        Encoding
        <smart-menu-item>Encode in ANSI</smart-menu-item>
        <smart-menu-item>Encode in UTF-8</smart-menu-item>
        <smart-menu-item>Encode in UTF-8-BOM</smart-menu-item>
        <smart-menu-item>Encode in UTCS-2 BE BOM</smart-menu-item>
        <smart-menu-item>Encode in UTCS-2 LE BOM</smart-menu-item>
        <smart-menu-items-group separator>
            Character sets
            <smart-menu-items-group>
                Cyrillic
                <smart-menu-item>ISO 8859-5</smart-menu-item>
                <smart-menu-item>KOI8-R</smart-menu-item>
                <smart-menu-item>KOI8-U</smart-menu-item>
                <smart-menu-item>Windows-1251</smart-menu-item>
            </smart-menu-items-group>
            <smart-menu-items-group>
                Chinese
                <smart-menu-item>Big5 (Traditional)</smart-menu-item>
                <smart-menu-item>GB2312 (Simplified)</smart-menu-item>
            </smart-menu-items-group>
            <smart-menu-items-group>
                Western European
                <smart-menu-item>ISO 8859-1</smart-menu-item>
                <smart-menu-item>ISO 8859-15</smart-menu-item>
                <smart-menu-item>OEM 850</smart-menu-item>
                <smart-menu-item>Windows-1252</smart-menu-item>
            </smart-menu-items-group>
        </smart-menu-items-group>
        <smart-menu-item>Convert to ANSI</smart-menu-item>
        <smart-menu-item>Convert to UTF-8</smart-menu-item>
        <smart-menu-item>Convert to UTF-8-BOM</smart-menu-item>
        <smart-menu-item>Convert to UTCS-2 BE BOM</smart-menu-item>
        <smart-menu-item>Convert to UTCS-2 LE BOM</smart-menu-item>
    </smart-menu-items-group>
</smart-menu>

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

[admin]

Hi hansT,
To have such a format, please set the property formatString to ‘dd MMMM yyyy – HH:mm’.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com/

[Author]

Posts