RadTreeList column alignment

2 Answers 93 Views
TreeList
Van
Top achievements
Rank 1
Iron
Iron
Van asked on 29 Jul 2021, 02:44 PM

 

Once we add a selection column to the radtreelist,  it left aligns the next column.   However we need the 2nd column to align with the checkbox, is OK for all other columns to align.   Thus for  your demo page, the behavior we need is the Bound Column to have "Appetizers" immediately after the check so it appears as a label for the checkbox.  How would I achieve this?

 

2 Answers, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 03 Aug 2021, 10:42 AM

Hello Van,

In the attached image you can see that the cell of the checkbox has a different width for each level and moving the text content next to the checkbox would break the proper column alignment.

What I would suggest is just right-aligning the checkbox so it is next to the text:

.rtlCF {
    text-align: right;
}

Regards,
Peter Milchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Van
Top achievements
Rank 1
Iron
Iron
answered on 03 Aug 2021, 11:35 AM

Hi Peter,

Thank you for the feedback.  I decided to not use the selection column type and add an item template with a checkbox - that gives the needed experience.  Just wanted to check to see if there was a better solution before I added the item template.

Tags
TreeList
Asked by
Van
Top achievements
Rank 1
Iron
Iron
Answers by
Peter Milchev
Telerik team
Van
Top achievements
Rank 1
Iron
Iron
Share this question
or