@stevenpeterson891gmail-com
@stevenpeterson891gmail-com
Forum Replies Created
-
AuthorPosts
-
April 11, 2023 at 11:33 am in reply to: Gantt chart Task Segment Update / Scroll to task segment #104684Steven PetersonParticipant
Hi,
Here is a custom scroll functionality:
https://codepen.io/Steevee222/pen/OJBVeKKIn 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 PetersonSmart UI Team
https://www.htmlelements.com/April 11, 2023 at 7:08 am in reply to: Gantt chart Task Segment Update / Scroll to task segment #104679Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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.tsI hope this helps
Best Regards,
Steven PetersonSmart UI Team
https://www.htmlelements.com/- This reply was modified 1 year, 9 months ago by Steven Peterson.
Steven PetersonParticipantHi,
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/dyqzQXLBest Regards,
Steven PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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/WNgEQmzI hope this helps, if not, do not hesitate to contact us!
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
You should pass a callback function to the onLoad property.
Here is an example of that: https://codepen.io/Steevee222/pen/OJojywmMany 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 BorislavovSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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/#dragBest Regards,
Steven PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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 PetersonSmart UI Team
https://www.htmlelements.com/Steven PetersonParticipantHi,
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/WNgrbGaI hope this helps, if not, please do not hesitate to contact us!
Best Regards,
Steven PetersonSmart UI Team
https://www.htmlelements.com/ -
AuthorPosts