Products

[Steven Peterson]

Hi,

Here is a custom scroll functionality:
https://codepen.io/Steevee222/pen/OJBVeKK

In the demo, a built-in function of the Gantt is used to determine the cell position.

I hope this helps with the scrolling to a given task segment.

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

You can use the ensureVisible method to scroll to a given task.
The method accepts an id of a task.

Here is an example: https://codepen.io/Steevee222/pen/Jjmdxrd?editors=1010

I hope this helps!

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

You may use the onCellRender callback to style each row.
The onCellRender accepts: (row: any, dataField: string, value: any, cellElement: HTMLTableCellElement)
Here is an example: https://stackblitz.com/edit/github-qf1sqv?file=src/app/app.component.ts

I hope this helps

Best Regards,
Steven Peterson

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

• This reply was modified 1 year, 8 months ago by Steven Peterson.

[Steven Peterson]

Hi,

To change the size of the event, you can use the –smart-scheduler-event-size CSS variable.
Here is an example: https://codepen.io/Steevee222/pen/dyqzQXL

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

To have custom items in the header use the headerButtons array to define the buttons of a layoutPanel. There you can list the built-in buttons and custom ones. If you want your header item to be something else, not a button, you can replace the element.

Please see this demo to get familiar with the setting and replacing the item: https://codepen.io/Steevee222/pen/wvEqQBM

I hope this helps!

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

Can you please share a whole demo of the problem
I have tried to reproduce the problem but without success.

Here is the reproduction of your case, the onLoad works: https://codepen.io/Steevee222/pen/RwYZemm

You can send the demo here support@jqwidgets.com

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

To do this, you should either use a plain string column, not a date column or have a custom date editor with which you will manage the returned value.
For a custom editor visit this demo: https://www.htmlelements.com/demos/grid/editing-cascading/

The editor property custom object with ‘template’ property which defines the editor type, ‘settings’ property which defines the custom editor’s properties, ‘onInit(int row, string column, object editor, object rowData): void’, ‘onRender(int row, string column, object editor, object rowData): void’, ‘setValue(object value): void’ and ‘getValue(object value): any’ callback functions.

Alternatively, you can use a column with a type of date and have cellsFormat.
For example: { label: ‘Order Date’, cellsFormat: ‘MM/dd/yyyy’, dataField: ‘date’ }

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

You can use the endEdit in combination with the setCellValue method.
Here is an example of modifying after committing the edit: https://codepen.io/Steevee222/pen/WNgEQmz

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

Best Regards,
Svetoslav Borislavov

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

[Steven Peterson]

Hi,

You should pass a callback function to the onLoad property.
Here is an example of that: https://codepen.io/Steevee222/pen/OJojywm

Many demos of our properties and events, you may find here: https://www.htmlelements.com/demos/grid/overview/
This is our documentation of the Grid: https://www.htmlelements.com/docs/grid/
along with its API: https://www.htmlelements.com/docs/grid/

I hope now you are familiar with the usage of our properties

Best Regards,
Svetoslav Borislavov

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

[Steven Peterson]

Hi,

Only the dragStart event is cancelable, the dragEnd cannot be canceled,

Here is a link for the docs about drag events:
https://www.htmlelements.com/docs/scheduler-event-drag-resize/#drag

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

You can use the docking layout methods to dynamically remove the desired items and later add them.

Here is a link for the API with all the methods:
https://www.htmlelements.com/docs/docking-layout-api/

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

As my colleague said if you want to use the dataSource function to access the query, it should be set in the ngAfterViewInit because the combo box must have been initialized. To prepopulate the dropdown with some values you can set a static dataSource which will be later changed.

An example here: https://stackblitz.com/edit/github-eefp9l-ocobvf?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

If this does not help, please do not hesitate to contact us and explain further!

Best Regards,
Steven Peterson

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

[Steven Peterson]

Hi,

You can set an id for the panels that you want to hide.
This way you can manipulate their CSS and toggle their visibility.
Here is an example of showing and hiding the Input and Output LayoutPanels:
https://codepen.io/Steevee222/pen/WNgrbGa

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

Best Regards,
Steven Peterson

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

[Author]

Posts