This is a migrated thread and some comments may be shown as answers.

RadDataGrid RowStyle

1 Answer 194 Views
DataGrid
This is a migrated thread and some comments may be shown as answers.
Jean-François VIGNERON
Top achievements
Rank 1
Jean-François VIGNERON asked on 28 Jun 2018, 10:00 AM

Hello, 

   I want to know how can we set a RowStyle for RadDataGrid  in xamarin.    I have to do a application with android like the picture attached.   

If we can't set RowStyle for RadDataGrid, could you tell me another way to do this ?

1 Answer, 1 is accepted

Sort by
0
Accepted
Lance | Manager Technical Support
Telerik team
answered on 28 Jun 2018, 07:29 PM
Hello,

You can style the DataGrid's rows by setting a combination of RowBackgroundStyle, AlternateRowBackgroundStyle and RowSelectionStyle. Then, you can customize the style of cell content using the column's CellStyle properties. Take a look at the QSF DataGrid Customization Example. You can load the entire QSF application installed on your PC or jump directly to the DataGrid examples on GitHub.

Special Customization Demo

Looking at your screenshot, it would take a bit of customization work and TemplateColumns to override the default Grid structure because there's no property to space out the rows. I'm not sure you'd get the same exact result as you have on the web. 

You would make all of the default style Transparent and build your own cell templates that have their own border elements that curve like that.

For example:



When it comes to getting the rows to have a wrap around curved border, this will take some custom design work. Custom app design falls outside the scope of Telerik support, however, I've been able to go outside those bounds and provide you with a prototype (attached) you can use to get started with. 

You could try using the RadBorder to create a custom shape for each cell:

- First column would have a C shape
- All the middle columns only have border thickness at the top and bottom
- Last column would have a backwards C shape

For example:





And here's the custom prototype at runtime:




Wrapping Up

Hopefully this helps you move towards an acceptable solution. Keep tweaking the row styles, header styles, custom cell templates.

If I have answered your question, you can let me know by using the ticket's "Mark as resolved" button. If you have any questions about the properties of the DataGridRowStyle or HeaderStyle objects, feel free to open a new ticket so that the DataGrid engineers can assist further.



Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
DataGrid
Asked by
Jean-François VIGNERON
Top achievements
Rank 1
Answers by
Lance | Manager Technical Support
Telerik team
Share this question
or