Products

[Yavor Dashev]

Hi tullio0106@live.it,

 

The functionality that you need is easily achievable with the allowEdit property of the columns.

A quick code snippet on how to disable the editing of some columns:

columns: [

{ label: 'First Name', dataField: 'firstName', allowEdit: false },
<div>
<div>{ label: 'Last Name', dataField: 'lastName', allowEdit: false },</div>
<div>{ label: 'Product', dataField: 'productName' },</div>
<div>{ label: 'Available', dataField: 'available', template: 'checkBox', editor: 'checkBox' },</div>
<div>{ label: 'Quantity', dataField: 'quantity', editor: 'numberInput' },</div>
<div>{ label: 'Unit Price', dataField: 'price', editor: 'numberInput', cellsFormat: 'c2' }</div>
<div>

            ]

Let me know if this works for you!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

</div>

</div>
</div>

• This reply was modified 2 years, 6 months ago by Yavor Dashev.

[Yavor Dashev]

Hi Tullio,

Unfortunately this is not recommended for all the properties of the Smart.Grid component.

However if we know a bit more about your use case we can give you another solution which could suit your needs.
If it works for you you can use the ‘script’ tag in the html file you need and set all the properties for the Smart.Grid in it.
Please, do not hesitate to contact us if you have any additional questions.

Best regards,

Yavor Dashev
Smart UI Team
https://www.htmlelements.com/</div&gt;

[Yavor Dashev]

Hi Milan Unjiya,

If you want to get the swimlane when you drop an kanban item I have created a quick code snippet on how to achieve this functionality:

document.getElementById('kanban').addEventListener('dragEnd', (event) => {
console.log(event.detail.data.Item.data.swimlane);
});

Let me know if that works for you!

Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

</div>

• This reply was modified 2 years, 6 months ago by Yavor Dashev.

[Yavor Dashev]

Hi Weapon Samuels,
If you have similar grid to this one: https://www.htmlelements.com/demos/grid/editing-dialog/ you can open the dialog window for the row using the following code snippet:
document.getElementById('grid').beginEdit(1);
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Yavor Dashev]

Hi Ede Gross,
I would like to ask to share a code example on how you are getting this error and also to make sore you are using the latest version of SmartUI which is 10.0.50.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Yavor Dashev]

Hi edwardsmarkf,
I don’t recommend you in this case to modify the z-index of the component.
However if the use case requires it you can change for example like so:

smart-window{
    z-index:9999999;
}

Also you can share a code example of your scenario and then we could be able to give you a more suitable solution.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Yavor Dashev]

Hi edwardsmarkf,
You can use the windowParent property of the SmartWindow component in order to determine where it will be opened.
For example you can place a container at the bottom of the page and set the mentioned property:
<smart-window window-parent='container1'></smart-window>
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Yavor Dashev]

Hi Ede Gross,
I have prepared a quick code snippet how to use the SchedulerViewType[] type using the latest version of smart-webcomponents-angular (10.0.50).
The code snippet:

 view: SchedulerViewType= 'timelineWeek';
    views: object | SchedulerViewType[] = [
        'timelineDay',
        {
            //Custom view definition
            label: 'Timeline Work Week',
            value: 'workWeek',
            type: 'timelineWeek',
            hideWeekend: true
        },
    ];

Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Yavor Dashev]

Hi Oleg Ilin,
I would like ask to share a code example of how you initialize the component so that we could be able to give you a better solution for you use case.
Also you can check the following demo: https://www.htmlelements.com/demos/grid/server-side-tree-grid/
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts