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

RadAjaxPanel ScrollBar in FirFox

4 Answers 157 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Syed
Top achievements
Rank 1
Syed asked on 17 Jan 2009, 12:07 AM
I have a RadTreeview in RadAjaxPanel which has two Panels. It work fine in IE 7 scroll bar do show up but in FireFox there is no scroll bar and I have to un-expend my treeview to see the 2nd panel. I will appreciate if anyone can help me.

Thanks

4 Answers, 1 is accepted

Sort by
0
SamJ
Top achievements
Rank 1
answered on 19 Jan 2009, 06:41 AM
Hi Syed,

Can you share some sample code?

Thanks
0
Syed
Top achievements
Rank 1
answered on 19 Jan 2009, 03:31 PM

 

<table height="100%" width="250px" cellpadding="0" cellspacing="0" border="0" bgcolor="#D1D8E2">

 

 

<tr>

 

 

<td id="cellSystem" style="cursor: pointer;" onMouseOver="panelMouseOver('cellSystem')" onmouseout="panelMouseOut('cellSystem')" onmouseenter="panelMouseOver('cellSystem')" onmouseleave="panelMouseOut('cellSystem')" onclick="panelClick('cellSystem')" class="NavPaneHeader">System Management</td>

 

 

<td rowspan="7" width="7px" style="background-image: url(images/archivedivider.jpg); background-repeat: repeat-y;"><img src="images/archivedivider.jpg" border="0" width="7px" /></td>

 

 

</tr>

 

 

<tr id="trSystem">

 

 

<td>

 

 

<rada:radajaxpanel id="RadAjaxPanel1" runat="server" enableoutsidescripts="True"

 

 

height="100%" horizontalalign="NotSet" loadingpanelid="" scrollbars="Vertical" width="100%" ><radT:RadTreeView id="RadTreeView1" runat="server" ContextMenuContentFile="admin_context_menu.xml" AfterClientClick="AfterClickHandler" BeforeClientClick="BeforeClickHandler" BeforeClientContextClick="BeforeClientContextHandler">

 

 

</radT:RadTreeView></rada:radajaxpanel></td>

 

 

</tr>

 

 

<tr>

 

 

<td id="cellUsers" style="cursor: pointer;" onMouseOver="panelMouseOver('cellUsers')" onmouseout="panelMouseOut('cellUsers')" onmouseenter="panelMouseOver('cellUsers')" onmouseleave="panelMouseOut('cellUsers')" onclick="panelClick('cellUsers')" class="NavPaneHeader">

 

Users & Security

</td>

 

 

</tr>

 

 

<tr id="trUsers" style="visibility:hidden;">

 

 

<td>

 

 

<rada:radajaxpanel id="RadAjaxPanel2" runat="server" enableoutsidescripts="True"

 

 

height="100%" horizontalalign="NotSet" loadingpanelid="" scrollbars="Vertical" width="100%"><radT:RadTreeView id="RadTreeView2" runat="server" ContextMenuContentFile="admin_context_menu.xml" AfterClientClick="AfterClickHandler" BeforeClientClick="BeforeClickHandler" BeforeClientContextClick="BeforeClientContextHandler">

 

 

</radT:RadTreeView></rada:radajaxpanel></td>

 

 

</tr>

 

 

<tr>

 

 

<td style="height:100%"></td>

 

 

</tr>

 

 

</table>

 

0
Syed
Top achievements
Rank 1
answered on 20 Jan 2009, 05:29 PM
Any Idea or any solution for this problem.
0
Dimo
Telerik team
answered on 21 Jan 2009, 07:23 AM
Hi Syed,

Scrollable elements placed inside table cells with no explicit pixel height do not work. Please, use pixel heights for the table cells, or remove the table layout and use <div>s.

You should always keep in mind that elements with their height set in percent require their parent element to have an explicit height set as well. This applies recursively.

By the way, if you replace your table-based layout with a RadSplitter-based layout, scrollbars will start working.

Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Ajax
Asked by
Syed
Top achievements
Rank 1
Answers by
SamJ
Top achievements
Rank 1
Syed
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or