Hi!
We have
a version of the Telerik AJAX controls from a few years ago, 2012, and there’s
something that’s come up now that we need to fix. We have a grid that displays
data to the users, and we have it nested within a RadPane on a page that is
divided up with a RadSplitter. Since we have so many different items that we
nest things within, I’ve been using percentages to say what percentage of the
page a control should take up. Our grid uses frozen header columns and we set the
width and height to 100% of the divs that it’s in.
The problem is that the scroll
arrows on the horizontal scroll bar don’t work. You have to drag the bar to get
it to move. I’ve narrowed the problem down to the properties that I can change to
get it to work. If I set the width and height to specific values, like 800px or
300px, the scroll arrows work just fine. However, when I try to set it to a percentage,
like 100%, then the arrow buttons don’t work anymore. I’ve pasted the code
snippet below.
If anyone could tell me what it is
I’m doing wrong and how I can get the width and height to fill the div and
still have the arrows work, I would greatly appreciate it! Thank you so much!
Holly
<
tr
style
=
"height: 75%"
>
<
td
style
=
"height: 85%"
>
<
div
id
=
"Div1"
style
=
"height: 90%; width: 100%"
>
<
Telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
GridLines
=
"Both"
CellSpacing
=
"0"
CellPadding
=
"2"
width
=
"100%"
Height
=
"100%"
EnableViewState
=
"false"
>
<
MasterTableView
TableLayout
=
"Fixed"
CssClass
=
"AutoShrink"
>
<
HeaderStyle
Width
=
"120px"
/>
</
MasterTableView
>
<
ClientSettings
>
<
Scrolling
FrozenColumnsCount
=
"2"
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
SaveScrollPosition
=
"True"
>
</
Scrolling
>
<
Resizing
AllowColumnResize
=
"false"
ClipCellContentOnResize
=
"true"
AllowResizeToFit
=
"false"
ResizeGridOnColumnResize
=
"true"
/>
</
ClientSettings
>
</
Telerik:RadGrid
>
</
div
>
<
div
style
=
"font-size: 10pt"
>
This is our grid.</
div
>
</
td
>
</
tr
>