Products

[admin]

Hi Gerhard,
That initialization requires the HTML Element to be in the DOM. If the querySelector by id, which in this case is ‘grid’, the component properties would not be set. In general, it is not necessary to use that kind of initialization. You can set properties as in the standard SELECT tags like myGrid.someProperty = someValue;
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Tr12
Thank you for the feedback.
We will look into that Grid behavior for the next release which will be the last week of the month.
Best regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hello,
Thanks for writing.
However, the correct tag is used in the referred demo.
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

How did you use the Input?
Best Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi edwardsmarkf,
Smart UI does not support legacy browsers like Internet Explorer. You can check the browsers compatibility here: https://www.htmlelements.com/docs/browsers-support/.
Best Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
– It is slow approach to do document.body.appendChild multiple times. The correct approach is to create a document fragment, append all items to it and then append the document fragment.
– The second approach with setting dataSource is better one. However, you should set the “virtualized” property to true, if you plan to use this component with many items. If all items will be with equal height, you can speed up the things by setting the “itemHeight” property, too. By doing that, height layout calculations will not be performed by the UI Component.
Best Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Mitesh,
We have decided to implement this functionality for a future version of Smart HTML Elements, but it will be applicable only when taskPosition is ‘leaf’ and when “leaves” are all on the same level (as, for example, in your image – third level).
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi,
The feature is by design only in the ComboBox. It is not planned for DropDownList.
Best Regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Tr12,
1. If you want the dropdownlist’s dropDown to be not hosted by its container, use the dropDownAppendTo property and set it to ‘body’. That way,its bounds would not be restricted by the container’s size. See the property here: https://www.htmlelements.com/docs/dropdownlist-api/#toc-dropdownappendto_any
2. In Javascript Events Bubble. As the dropDownList also has a ‘close’ event it bubbles up to the document. This behavior is correct.
Best Regards,
Peter Stoev
Smart HTML Elements
https://www.htmlelements.com/

[admin]

Hi Mitesh,
Thanks for the feedback.
We will evaluate and consider implementing this missing functionality in the described or similar way for the future releases of our Kanban UI Component. If you have any additional questions about the Kanban or other component, please do not hesitate to ask.
Best regards,
Peter Stoev
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hello Mitesh,
We prepared a CodePen example that shows how to implement a custom context menu with different actions depending on whether a column or a task has been clicked: https://codepen.io/dimitar_jqwidgets/pen/VweXJzV. We hope it is helpful to you.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi Mitesh,
Currently, hierarchical columns and swimlanes are not supported at the same time (with swimlanes taking precedence). We will, however, consider implementing this functionality. If possible, please share an image (mockup or otherwise) or a detailed explanation of the desired kanban layout when both hierarchical columns and swimlanes are shown and we will evaluate whether our product can be extended to support your requirement.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hello Mitesh,
This functionality can be achieved with a few additional lines of JavaScript and CSS. We prepared a CodePen example that shows how to disable the adding of tasks to “Manual testing”: https://codepen.io/dimitar_jqwidgets/pen/LYGdoLW. We hope it is helpful to you.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com/

[admin]

Hi guerlloy,
Thank you for your detailed feedback. This issue will be resolved in the next release of Smart HTML Elements.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com/

[admin]

As the theme file is:

body[theme="dark-red"] {
 	--smart-primary-rgb: 221, 44, 0;
    --smart-primary: rgba(var(--smart-primary-rgb), 1);
    --smart-background: #242424; /* The theme background color. The background color appears behind scrollable content.*/
    --smart-background-color: #fff; /* Text color on top of a background background */
    --smart-surface: #333; /* The theme surface color. Surface colors affect surfaces of components, such as cards, sheets, and menus. */
    --smart-surface-color: #fff; /* Text color on top of a surface surface */
    --smart-disabled: #535353; /* The theme primary color in disabled state. */
    --smart-disabled-color: #fff; /* Text color on top of a theme background in disabled state */
    --smart-border: #464646; /* The theme background border color */
    --smart-editor-selection: var(--smart-primary);
    --smart-editor-selection-color: var(--smart-primary-color);
    --smart-ui-state-hover: #444;
    --smart-ui-state-color-hover: #fff;
    --smart-ui-state-border-hover: #444;
    --smart-ui-state-active: var(--smart-primary);
    --smart-ui-state-color-active: var(--smart-primary-color);
    --smart-ui-state-border-active: var(--smart-primary);
    --smart-ui-state-focus: #555;
    --smart-ui-state-color-focus: #fff;
    --smart-ui-state-border-focus: #555;
    --smart-ui-state-selected: rgba(var(--smart-primary-rgb), .1);
    --smart-ui-state-color-selected: var(--smart-primary);
    --smart-ui-state-border-selected: rgba(var(--smart-primary-rgb), .1);
    --smart-alternation-index0-color: var(--smart-surface-color); /* Alternation color for index0 */
    --smart-alternation-index0-border: var(--smart-surface); /* Alternation border color for index0 */
    --smart-alternation-index0-background: var(--smart-surface); /* Alternation background color for index0 */
    --smart-alternation-index1-color: #111; /*Alternation color for index1 */
    --smart-alternation-index1-border: #9BBB59; /* Alternation border color for index1 */
    --smart-alternation-index1-background: #9BBB59; /* Alternation background color for index1 */
    --smart-alternation-index2-color: #fff; /*Alternation color for index2 */
    --smart-alternation-index2-border: #FC3752; /* Alternation border color for index2 */
    --smart-alternation-index2-background: #FC3752; /* Alternation background color for index2 */
    --smart-scroll-bar-background: #3E3E42;
    --smart-scroll-bar-border: #3E3E42;
    --smart-scroll-bar-thumb-background: #686868;
    --smart-scroll-bar-thumb-border: #686868;
    --smart-scroll-bar-thumb-background-hover: #9E9E9E;
    --smart-scroll-bar-thumb-border-hover: #9E9E9E;
    --smart-scroll-bar-thumb-background-active: #444;
    --smart-scroll-bar-thumb-border-active: #444;
    --smart-scroll-bar-button-background: #3E3E42;
    --smart-scroll-bar-button-border: #3E3E42;
    --smart-scroll-bar-button-color: #999999;
    --smart-scroll-bar-button-background-hover: #3E3E42;
    --smart-scroll-bar-button-border-hover: #3E3E42;
    --smart-scroll-bar-button-color-hover: var(--smart-primary);
    --smart-scroll-bar-button-background-active: #3E3E42;
    --smart-scroll-bar-button-border-active: #3E3E42;
    --smart-scroll-bar-button-color-active: var(--smart-primary);
}

it expects a theme attribute set to the document’s body tag.
Hope this helps you.
Best Regards,
Boyko

[Author]

Posts