Card support in a Grid

[adamhughes]

Is it possible to display cards in grid?

Example:

- Have a 8 x 8 grid. 

- Several cards displayed vertically in each cell.

- Ability to drag cards between cells

[Alex Hajigeorgieva]

Hello, Adam,

It is not very clear to me what is the purpose of having a grid.

• Are you intending to bind the cards to properties in the grid columns or are you intending to use the grid columns as a way to organize the cards in a grid format?
• If the cards would be bound to properties, then what happens when one card is dropped from one column to another in terms of the data source, CRUD operations etc.

I would appreciate some more context so I can provide you with an answer that suits your expectations.

Generally speaking, it is not an issue to have drag and drop in the grid as we have demonstrated in the Sortable integration demo:

https://demos.telerik.com/kendo-ui/sortable/integration-grid

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

[adamhughes]

Bsically think of it being a Calendar week.  I need to see all tasks for a day (I don't want some hidden if there are too many, the column will expand and have a scroll if really long.  All columns to be same length.  Cards can be dragged from one column to another, when this happens the card will know it has moved date and record appropriately.

 

So it is a way to add tasks to a weekly or fortnightly Calendar.  All calendars I have looked at tend to hide tasks if there are more than a couple on one day and we might display 10-20 on a day.

[Alex Hajigeorgieva]

Hi, Adam,

Thank you for the explanation.

The functionality you require in terms of drag/drop/ update is readily available in the Kendo UI Scheduler:

https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height

The Scheduler also provides templating options for the events so that might be a better option for your requirements, what do you think?

Regards,
Alex Hajigeorgieva
Progress Telerik

[adamhughes]

Can you tell it to AUTOMATICALLY adjust to a height to display all cards FULLY.  I may have any number of cards so I wont know what height to set it to as it varies depending on my full the slots are.  My cards have 3 rows of information.  I assume that is AutoEventHeight setting?

 

AND can I set a style for the card borders ..e.g. slid line, dotted line etc?  Useful for displaying statuses rather than colour. 

 

In this example .. https://demos.telerik.com/kendo-ui/scheduler/auto-event-height .. Days with lots of events have a grey bar with 3 dots at the bottom ... why?

[Martin]

Hello Adam,

You should be able to fit the cards by setting the eventHeight to "auto".

Regarding the card styles, you should be able to achieve the desired result by applying some custom rules.

Regarding the dots at the bottom in the example you mentioned, that is because eventsPerDay configuration is set to six. That means that only that the cell will be high enough to fit that many events. Anything after that number will be hidden and you have to click the bar in order to see them.

I hope I was helpful. Let me know if you have any further questions.

Regards,
Martin
Progress Telerik

[adamhughes]

Which Schedulers support EventHeight Auto.  I have a choice of technologies as we have not yet started development.

[Martin]

Hello Adam,

The feature is available in the jQuery, UI for MVC, UI for Asp.Net Core, UI for PHP and UI for JSP suites.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik