Rad SlidingPane On Mozilla

6 posts, 0 answers
  1. Vish
    Vish avatar
    15 posts
    Member since:
    May 2009

    Posted 30 Apr 2010 Link to this post

    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>

     








      
  2. Vish
    Vish avatar
    15 posts
    Member since:
    May 2009

    Posted 04 May 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 05 May 2010 Link to this post

    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.
  5. Vish
    Vish avatar
    15 posts
    Member since:
    May 2009

    Posted 12 May 2010 Link to this post

    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;
               
            }

     

     

     

     

     

     

     

     

     

     

     

     

  6. Vish
    Vish avatar
    15 posts
    Member since:
    May 2009

    Posted 14 May 2010 Link to this post

    Hai...........

            Can Anybody Solve dis Issue,Its very Urgent
  7. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 17 May 2010 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017