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

Rad SlidingPane On Mozilla

5 Answers 79 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Vish
Top achievements
Rank 2
Vish asked on 30 Apr 2010, 01:54 PM
Hai,
      Now I have an Interesting Problem....I have used RAd splitter,Radsliding Zone and Rad Sliding Pane to create  a usercontrol.and placed on tha master page.If the content oage is too long(Scroll).Then when  open the page on Mozilla I cannot View the Expanded
sliding pane.once i scroll down , I  have placed the entire controll in a div tag with position fixed.CAn Any Body help me...
Its very Urgent.....


 

<telerik:RadSplitter ID="splOfficerDtls" Runat="server" BorderWidth="0px"

 

 

PanesBorderSize="0" ResizeMode="EndPane" Height="135px"

 

 

Style="border: 0px;" Width="100%" BorderSize="0"

 

 

Orientation="Vertical">

 

 

<telerik:RadPane ID="pneofficerDtls" runat="server" MinWidth="22"

 

 

Scrolling="None" Width="22px" Collapsed="false"

 

 

>

 

 

<telerik:RadSlidingZone ID="sdzOfficerDtls" runat="server" ClickToOpen="true"

 

 

Width="22px" ExpandedPaneId= "sdpOfficerDtls" SlideDirection="Right">

 

 

<telerik:RadSlidingPane ID="sdpOfficerDtls" runat="server" EnableDock="False" PersistScrollPosition="true"

 

 

EnableResize="False" MinWidth="120" Width="950px" Title="Officer Details"

 

 

OnClientBeforeResize="hideScrollableArea" OnClientResized="showScrollableArea"

 

 

OnClientBeforeExpand="hideScrollableArea" OnClientExpanded="showScrollableArea"

 

 

OnClientBeforeCollapse="hideScrollableArea" OnClientCollapsed="showScrollableArea" OnClientCollapsing="OnClientCollapsing">

 

 

<table style="width: 100%;">

 

 

<tr>

 

 

<td align="left" width="5%">

 

 

&nbsp;

 

 

</td>

 

 

<td align="right" rowspan="4" width="15%">

 

 

<telerik:RadBinaryImage ID="imgOfficerPhoto" runat="server" Height="60px"

 

 

Width="75px" />

 

 

</td>

 

 

<td align="left" width="35%">

 

 

<mm:mmLabel ID="lblOfficerName" runat="server"></mm:mmLabel>

 

 

</td>

 

 

<td >

 

 

<mm:mmLinkButton ID="lbtnQuickLinks" runat="server"

 

 

onclientclick="openForm();return false;" Text="Quick Start" Style="text-decoration:none"></mm:mmLinkButton>

 

 

</td>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

<td align="left" width="5%">

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;</td>

 

 

<td>

 

 

 

<mm:mmLabel ID="lblDesignation" runat="server"></mm:mmLabel>

 

 

 

<div>

 

 

</div>

 

 

</td>

 

 

<td>

 

 

&nbsp;</td>

 

 

<td>

 

 

&nbsp;</td>

 

 

<td>

 

 

&nbsp;</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;</td>

 

 

<td>

 

 

<mm:mmLabel ID="lblOfficerCode" runat="server"></mm:mmLabel>

 

 

</td>

 

 

<td align="left" width="25%">

 

 

&nbsp;</td>

 

 

<td>

 

 

&nbsp;</td>

 

 

<td>

 

 

&nbsp;</td>

 

 

</tr>

 

 

 

</table>

 

 

<asp:Panel ID="pnlDock" runat="server" Width="245">

 

 

<telerik:RadDock ID="dckQuickStart" Runat="server" Closed="true"

 

 

DefaultCommands="Close" DockMode="Default" EnableDrag="false" Height="190px"

 

 

Style="z-index: 10000;" Width="240px">

 

 

<ContentTemplate>

 

 

<telerik:RadListBox ID="lstQuickStart" runat="server" Style="border: 0px;"

 

 

Width="225px">

 

 

</telerik:RadListBox>

 

 

</ContentTemplate>

 

 

</telerik:RadDock>

 

 

</asp:Panel>

 

 

</telerik:RadSlidingPane>

 

 

</telerik:RadSlidingZone>

 

 

</telerik:RadPane>

 

 

 

</telerik:RadSplitter>

 








  

5 Answers, 1 is accepted

Sort by
0
Vish
Top achievements
Rank 2
answered on 04 May 2010, 08:10 AM
Hai,,,,
    can anybody answer this ....Its very urgent.If the entire control is placed in a fixed div or panel...
  and if the page is too long having scroll bars..if the user control is placed in the master page
  once scroll down the page and click on the rad pane..we cannot view the details......
pls answer its highly urgent
0
Svetlina Anati
Telerik team
answered on 05 May 2010, 11:53 AM
Hello Vish,

I am afraid that your explanations are not detailed and clear enough to completely understand the problem, the actual and the desired behavior. However, what I noticed from your code is that you have a splitter with only one RadPane with RadSlidingZone in it - please note that this setup is invalid and the control i sa layout control and not a popup control. What i can suggest is to try implementing the desired functionality with another control which is more suitable for the case - e.g a customized panel bar similarly to the one in the following demo:

http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/defaultcs.aspx

If this is not what you need and you actually have additional code in your splitter and use it as layout,. please share the full markup of the splitter along with some screenshots with the problem clearly marked and detailed explanations of the differences between the actual and the desired result and I will do my bets to help.

Best wishes,
Svetlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Vish
Top achievements
Rank 2
answered on 12 May 2010, 01:09 PM
hai, Thanks For Your Support,But It doesNot meet my Requirement,I designed an asp usercontroll using RaSplitter ,Rad Pane,Rad sliding Zone,Rad Sliding Pane,And the controls are placed in the same way as shown in one of your demos.And in the replay its mentioned that it is not a good practice to use these together.can u kindly explain me the reason.
                                            And my problem is the user control Designed is working fine in IE.which is placed in a masterpage
in a div  tag having a css class,if the contenet page is too long having vertical scroll bars ,when opened in mozilla the user control shrinks on scrolling down.The code and the css class are sending along with this,
                                          
<telerik:RadSplitter ID="splOfficerDtls" Runat="server" BorderWidth="0px"PanesBorderSize="0" ResizeMode="EndPane" Height="135px"

Style="border: 0px;" Width="100%" BorderSize="0" Orientation="Vertical">

<telerik:RadPane ID="pneofficerDtls" runat="server" MinWidth="22" Scrolling="None" Width="22px" Collapsed="false" >

<telerik:RadSlidingZone ID="sdzOfficerDtls" runat="server" ClickToOpen="true" Width="22px" ExpandedPaneId= "sdpOfficerDtls" SlideDirection="Right">

<telerik:RadSlidingPane ID="sdpOfficerDtls" runat="server" EnableDock="False" PersistScrollPosition="true" EnableResize="False" MinWidth="120" Width="950px" Title="Officer Details" OnClientBeforeResize="hideScrollableArea" OnClientResized="showScrollableArea"

OnClientBeforeExpand="hideScrollableArea" OnClientExpanded="showScrollableArea"

 OnClientBeforeCollapse="hideScrollableArea" OnClientCollapsed="showScrollableArea" OnClientCollapsing="OnClientCollapsing">

 <table style="width: 100%;">

<tr>

<td align="left" width="5%">

 

 

 

 

 

 

 

 

 

<td align="right" rowspan="4" width="15%">

 

 

 

 

 

 

 

 

 <telerik:RadBinaryImage ID="imgOfficerPhoto" runat="server" Height="60px"  Width="75px" />

 </td>

 <td align="left" width="35%">

 <mm:mmLabel ID="lblOfficerName" runat="server"></mm:mmLabel>

 </td>

 <td >

 <mm:mmLinkButton ID="lbtnQuickLinks" runat="server"

 onclientclick="openForm();return false;" Text="Quick Start" Style="text-decoration:none"></mm:mmLinkButton>

 </td>

 <td>

 </td>

 <td align="left" width="5%">

 </td>

 </tr>

 <tr>

 <td>

 </td>

 <td>

 <mm:mmLabel ID="lblDesignation" runat="server"></mm:mmLabel>

 <div>

 </div>

 </td>

 <td>

 </td>

 <td>

 </td>

 <td>

 </td>

 </tr>

 <tr>

 <td>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<td>

<mm:mmLabel ID="lblOfficerCode" runat="server"></mm:mmLabel>

 </td>

 <td align="left" width="25%">

 

 

</td>

 

 

  <td>

 

 

 

 </td>

 

 

  <td>

 

 

</td>

 </tr>

 

 

 

</table>

 

 

<asp:Panel ID="pnlDock" runat="server" Width="245">

 <telerik:RadDock ID="dckQuickStart" Runat="server" Closed="true"

 DefaultCommands="Close" DockMode="Default" EnableDrag="false" Height="190px"  Style="z-index: 10000;" Width="240px">

 <ContentTemplate>

 <telerik:RadListBox ID="lstQuickStart" runat="server" Style="border: 0px;"  Width="225px">

 </telerik:RadListBox>

 </ContentTemplate>

 </telerik:RadDock>

 </asp:Panel>

 

 

 

 

 

 

 

 

</telerik:RadSlidingPane>

 

 

 

 

 

 

 

</telerik:RadSlidingZone>

</telerik:RadPane>

 </telerik:RadSplitter>



<script language="javascript" type="text/javascript">

  function hideScrollableArea(sender, eventArgs) {
        if ($telerik.isFirefox)
            $telerik.$('.rsContentScrollArea').css('overflow', 'hidden');
    }

    function showScrollableArea(sender, eventArgs) {
        if ($telerik.isFirefox)
            $telerik.$('.rsContentScrollArea').css('overflow', 'auto');
    }
</script>


 

<style type="text/css">
.RadSplitter_CSMOutlines

{

border: 0px;

}

.RadSplitter_Blank .pane,

.RadSplitter_Blank .paneHorizontal

{

border: 0px;

}

.rlbGroup

{

border: none !important;

}

.FloatingPanel

{

position:fixed;

 

}
</style>

and in the master page a div tag with cssclass is used for placing the control
<div class ="FixedDiv">
</div>

cssclass
 .FixedDiv
        {
            position: fixed ;
            bottom:5px;
            left:5px;
           
        }

 

 

 

 

 

 

 

 

 

 

 

 

0
Vish
Top achievements
Rank 2
answered on 14 May 2010, 10:55 AM
Hai...........

        Can Anybody Solve dis Issue,Its very Urgent
0
Tsvetie
Telerik team
answered on 17 May 2010, 01:14 PM
Hello Vish,
I was able to reproduce the problem with the code you provided and forwarded it to our developers. We will fix it for the next internal build. The fix will also be available in Q1 2010 SP2, scheduled for this week.

I have updated your Telerik points for bringing the problem to our attention.

All the best,
Tsvetie
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Splitter
Asked by
Vish
Top achievements
Rank 2
Answers by
Vish
Top achievements
Rank 2
Svetlina Anati
Telerik team
Tsvetie
Telerik team
Share this question
or