Card Dashboard Similar in WinForms

3 Answers 519 Views
Accessibility CardView ChartView
RUNSystem
Top achievements
Rank 1
Iron
Iron
RUNSystem asked on 03 Feb 2022, 07:41 AM

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

Sort by
1
Accepted
Dess | Tech Support Engineer, Principal
Telerik team
answered on 11 Mar 2022, 03:25 PM

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:

https://docs.telerik.com/devtools/winforms/controls/listview/custom-items#custom-items-in-iconsview-viewtype 

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/.

0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 04 Feb 2022, 03:14 PM

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/.

RUNSystem
Top achievements
Rank 1
Iron
Iron
commented on 06 Feb 2022, 04:23 AM

Okay thank you

I'll try the demo samples above

0
RUNSystem
Top achievements
Rank 1
Iron
Iron
answered on 09 Mar 2022, 09:47 AM | edited on 09 Mar 2022, 09:55 AM

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.

Tags
Accessibility CardView ChartView
Asked by
RUNSystem
Top achievements
Rank 1
Iron
Iron
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
RUNSystem
Top achievements
Rank 1
Iron
Iron
Share this question
or