Column field width

0 Answers 112 Views
Data Source Grid
Yishay
Top achievements
Rank 1
Yishay asked on 25 Oct 2022, 05:53 AM
Hi,

I'm trying to set the width of the column filed ( in the picture "organization Name") but the width of the item is not to the end of the row(only goes up to 15cm)
The solution I came up with is to set the two fields("organization Name" and "amount" ) width like following:
                    columns:
    [
        {
            field: "OrganizationName"//,
                                //width: "35%"
                            },
        {
            field: "Amount"//,
                                //width: "65%"
                            }
    ],
but the problem is that now "Organization Name" column is shorter than "Amount" column.

What can I do to make both columns length the same and the items inside the dropdown go all the way to the edges.

 
Nikolay
Telerik team
commented on 27 Oct 2022, 11:23 AM

Hi Yishay,

By design, the MultiSelect drop-down list width shall not exceed the input width. This can be observed in the official MultiSelect demos:

Here is also a Dojo demo I prepared that implements a Grid Hierarchy with a custom MultiSelect editor for one of the columns. Could you please modify this to showcase the problem so I can investigate further?

Regards,

Nikolay

 

 

Yishay
Top achievements
Rank 1
commented on 27 Oct 2022, 11:35 AM

Hi Nikolay,

The problem I'm trying to show is that in the " Organization Name:" column,
when you hover on the items on the list, the width of the hovered item, is much shorter than the dropdown width.
There is a gap/margin between the  between them.
what can I do to solve it, so the items will be the same width of the dropdown
?
Yishay
Top achievements
Rank 1
commented on 31 Oct 2022, 02:32 PM

Hi,

I'm trying to change .k-list {max-width} to have a value of 100% from my JS file without any success.
I need help please
Georgi Denchev
Telerik team
commented on 01 Nov 2022, 08:12 AM

Hello, Yishay,

Thank you for the additional details.

I understand your point, however it is difficult to provide you with a concrete solution without being able to observe the described behavior.

Could you please give us a small runnable example/dojo where we can see the above result? After that, we should be able to find a proper solution to the issue and resolve the problem that you're facing.

Best Regards,

No answers yet. Maybe you can help?

Tags
Data Source Grid
Asked by
Yishay
Top achievements
Rank 1
Share this question
or