Hi,
I have scrollable Kendo grid which must fill in entire browser window (currently Chrome).
I need the vertical scrollbar to be frozen (not disappear) when I scroll to the right with the horizontal scrollbar. Also the command buttons to be frozen when I scroll to the left
Please see the attached pictures.
Thank you in advance
Shabtai
I have scrollable Kendo grid which must fill in entire browser window (currently Chrome).
I need the vertical scrollbar to be frozen (not disappear) when I scroll to the right with the horizontal scrollbar. Also the command buttons to be frozen when I scroll to the left
Please see the attached pictures.
Thank you in advance
Shabtai
7 Answers, 1 is accepted
0
Hello Shabtai,
If I understood correctly, the buttons are located in the Grid toolbar. In such case please make the Grid scrollable (not its parent container) - if the Grid is scrollable its toolbar will not be moved along with the scroller. For your convenience I prepared a small demo page:
Regards,
Alexander Valchev
Telerik
If I understood correctly, the buttons are located in the Grid toolbar. In such case please make the Grid scrollable (not its parent container) - if the Grid is scrollable its toolbar will not be moved along with the scroller. For your convenience I prepared a small demo page:
I was not able to reproduce the issue with the vertical scrollbar in the aforementioned example. On my side when the horizontal scrollbar is moved, the vertical scrollbar position does not change. Could you please let me know what I am missing?
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Shabtai
Top achievements
Rank 1
Rank 1
answered on 24 May 2013, 01:19 PM
Thank you.
It looks okay when we use LTR mode. In a grid with k-rtl - this case is problematic.
Looking forward for your further assistance...
It looks okay when we use LTR mode. In a grid with k-rtl - this case is problematic.
Looking forward for your further assistance...
0
Accepted
Hi Shabtai,
I updated the sample so it uses RTL mode but still cannot reproduce the issue. What I am missing?
Regards,
Alexander Valchev
Telerik
I updated the sample so it uses RTL mode but still cannot reproduce the issue. What I am missing?
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Shabtai
Top achievements
Rank 1
Rank 1
answered on 24 May 2013, 01:32 PM
Great!
Let me try it in full screen, without jsbin panel etc...
btw, i'm using server side kendo grid configuration (not in js) - defined in cshtml
Let me try it in full screen, without jsbin panel etc...
btw, i'm using server side kendo grid configuration (not in js) - defined in cshtml
0
Accepted
Hi Shabtai,
Here is a link to the full screen version of the same example:
Regards,
Alexander Valchev
Telerik
Here is a link to the full screen version of the same example:
The issue still cannot be reproduced on my side. The syntax which you use should not be connected with the issue - the MVC wrapper will produce JavaScript configuration similar to the one which you see in the sample. I will appreciate if you send me a small but runnable project where I can observe the behaviour. In this way I would be able to examine your exact configuration and assist you further.
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Shabtai
Top achievements
Rank 1
Rank 1
answered on 24 May 2013, 02:55 PM
Thank you, Alexander!
I need to check it again later, when I'll be able to get back to my project a day later.
I need to check it again later, when I'll be able to get back to my project a day later.
0
Shabtai
Top achievements
Rank 1
Rank 1
answered on 28 May 2013, 10:37 AM
The problem was that I applied following class to the div of the grid
.fullscreen{
position: absolute;
z-index: 100;
left: 0;
top:0;
}
therefore, it doesn't freeze the buttons
thank you anyway.
.fullscreen{
position: absolute;
z-index: 100;
left: 0;
top:0;
}
therefore, it doesn't freeze the buttons
thank you anyway.