Hi, I'm trying to use Telerik UI for Winforms in my C# application to create a dashboard widget. Is there a control in Telerik UI for Winforms that similar to card dashboard on web application ?
Like this figure (this is a screenshot of my Telerik's profile page)
What I want to create is something like this
Thank you.
3 Answers, 1 is accepted
Hi,
The first image is more similar to RadListViewin IconsView:
It allows you to construct custom items according to the exact requirement that you need. A sample approach is demonstrated here:
The SynchronizeProperties method is appropriate for customizing the forecolor, border color according to the displayed text in the icon item.
RadListView also offers the ItemSpacing property that allows you to control the spacing between the items.
Please give this approach a try and see how it works for your scenario. Should you have further questions please let me know.
Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Hi,
Following the provided screenshots, I believe that RadCardView from the Telerik UI for WinForms suite would be a perfect fit for your requirement. You can build whatever design you need for the card items:
Please have a look at our Demo application >> CardView examples to get familiar with the design such a control offers. Additional information is also available in the online documentation: https://docs.telerik.com/devtools/winforms/controls/cardview/custom-items
I hope this information helps. If you need any further assistance please don't hesitate to contact me.
Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Okay thank you
I'll try the demo samples above
Dear Dess,
If I want to create something like above image with RadCardView, how can I :
(a) customize each color of the number shown with rules like Green if the number is between 0 and 1, Orange if the number between 2 and 10, Red if the number above 11
(b) Set the gap distance between each Column
(c) Remove the collapsible arrow like shown below
(d) customize the border color
To make sure what I'm doing is correct, If I want to create something like the first image, I need to have
(i) 1 RadCardView for each information I need to display
(ii) 2 Columns, with no HeaderText
(iii) 1 Item, with 2 rows of SubItem Collection. First row is the number, and second row is the information description (like shown below)
Is that all correct ?
Thanks before.