Products

[svetoslav_borislavov]

Hi,

You can send it here svetoslav@jqwidgets.com

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Please visit this: https://codepen.io/svetoslavb04/pen/RwJavXN
There you can see a very very very basic implementation of a loader modal.
You can implement your own technique for a loader and put our progress bar in it.

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Could you, please share your grid settings, so I can better represent your problem?
Here is a demo with dynamically added columns: https://easyupload.io/a4r86t

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Could you, please import only the necessary elements?
For example: ‘smart-webcomponents/source/modules/smart.dropdownlist.js’

I am looking forward to hearing from you!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can change the following CSS variable: –smart-grid-default-width. This will set the default width of the Grid or you can locally change the width to your grid:

<div class=”border border-primary rounded p-2 my-auto bg-light”>

<Grid id=”grid” @ref=”grid”></Grid>

</div>
<style>
#grid {
width: 100%;
}
</style>
@code {
Grid grid;
}

I hope this helps! If not, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

• This reply was modified 2 years ago by svetoslav_borislavov.

[svetoslav_borislavov]

Hi,

The available view types are: <span class=”code”>”day” | “week” | “month” | “agenda” | “timelineDay” | “timelineWeek” | “timelineMonth”</span>

Can you send a demo with the incorrect date in the header? You can view on every demo that the date is correct: https://www.htmlelements.com/demos/scheduler/overview/

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

There is a property for the items’ height: ‘item-height’
Could you, please look at the example: https://codepen.io/svetoslavb04/pen/OJEJXbe

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can do the following:

1. Set a dataSource with the items and in the object, you can add a property for the class
2. ForEach the dataSource and for each item, you can get the relevant element and apply the element’s class

Please look at the demo here: https://codepen.io/svetoslavb04/pen/OJEJXbe

Hope this helps!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

It is not possible to set classes in the dataSource.

If you have any additional questions, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Could you, please set the data source programmatically this way: https://codepen.io/svetoslavb04/pen/oNyvPZN

I hope this demo helps! If you need further assistance, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Could you, please give us more details?
If I understand correctly, you have tabs and in each tab, you have a Gantt component.
When you switch to the second tab the end date of every task is the year 2100.

Did I understand you correctly? I am waiting for your response, so we can fix the problem as soon as possible!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can send us pictures and files here: svetoslav@jqwidgets.com
To match the background of the checkbox column with the other columns you can do the following:
In an onCellRender callback, you can select every smart-grid-cell with an attribute header.
Then remove the attributes ‘header’, ‘freeze’ and set the ‘role’ attribute to ‘gridcell’.

Here is an example of this: https://codepen.io/dkeamcaksoem/pen/eYrXOEP

To remove the column header lines, you can set the ‘showColumnHeaderLines’ of the ‘appearance’ object to the grid.
This is also shown in the above example.

Hope this help, if not, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

May I ask you to send me a demo project to this email: svetoslav@jqwidgets.com, I couldn’t reproduce the problem.
I will be waiting for this, so I can help you!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can set the style programmatically. Have a look at this example: https://codepen.io/dkeamcaksoem/pen/KKRJNZB

or

You can set a class for the list of items that you want to edit and use this class to select their inner element in the querySelectorAll.

Example: querySelectorAll(‘.my-items .smart-list-item-container’)

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Add the style to the smart-list-item-container class.
Give a class name to the desired list item and then apply a style like this:
.bg-red .smart-list-item-container {
background-color: red

}

See a demo here: https://codepen.io/dkeamcaksoem/pen/KKRJNZB

 

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts