I have a little bit of a "what the..." going on in my test application using telerik controls. There are a number of issue presenting so i thought i would post here to see if anyone could see what i am doing wrong.
what i have is the splitter controls dividing up the page into the segments i need for our application. I have an Ajax-ified timer that fires to update a label and a menu control. code below.
Here are the issues:
and Code behind:
Thanks
Jordan
what i have is the splitter controls dividing up the page into the segments i need for our application. I have an Ajax-ified timer that fires to update a label and a menu control. code below.
Here are the issues:
- I can't seem to size the splitter components how i would like. the Panel bar on the left side should (RadPane9) be 200px but it isn't. The Case Summary section (RadPane7) should be a lot higher to show all the controls inside. No matter what values i put in i can't get this to work.
- When the timer event fires to the server via the ajax manager, if i have a Menu open or a dropdown list open, it closes.
- I have a RadEditor in RadPanelBar2 and when i run it the render of the HTML mode control floats over the page not scrolling with the rest of the panel bar.
Anyone have ideas?
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestPost.aspx.cs" Inherits="TestPost" %> |
| <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> |
| <%@ Register src="Case/Management/Summary.ascx" tagname="Summary" tagprefix="uc1" %> |
| <%@ Register src="Case/Management/PageIncident.ascx" tagname="PageIncident" tagprefix="uc2" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Untitled Page</title> |
| <style type="text/css"> |
| .RadMenu |
| { |
| white-space:nowrap; |
| float:left; |
| position:relative; |
| } |
| .RadMenu_Vista |
| { |
| border: 1px solid #d1d5e0; |
| border-top-width: 0; |
| border-bottom-color: #b6bccc; |
| background: #d7def0 url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Vista.Menu.rootBackground.gif') repeat-x top left; |
| padding-top: 2px; |
| text-align:left; |
| } |
| .RadMenu_Vista |
| { |
| border: 1px solid #d1d5e0; |
| border-top-width: 0; |
| border-bottom-color: #b6bccc; |
| background: #d7def0 url( 'mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Vista.Menu.rootBackground.gif' ) repeat-x top left; |
| padding-top: 2px; |
| text-align: left; |
| } |
| .RadMenu |
| { |
| white-space: nowrap; |
| float: left; |
| position: relative; |
| top: 69px; |
| left: 2px; |
| } |
| .RadMenu ul.rmRootGroup |
| { |
| float:none; |
| } |
| .RadMenu ul.rmRootGroup |
| { |
| display:block; |
| } |
| .RadMenu ul.rmHorizontal |
| { |
| margin:0; |
| padding:0; |
| display:none; |
| position:relative; |
| left:0; |
| float:left; |
| } |
| .RadMenu ul.rmHorizontal |
| { |
| margin: 0; |
| padding: 0; |
| display: none; |
| position: relative; |
| left: 0; |
| float: left; |
| } |
| .RadMenu ul.rmRootGroup |
| { |
| display: block; |
| } |
| .RadMenu ul.rmRootGroup |
| { |
| float: none; |
| } |
| .RadMenu .rmHorizontal .rmItem |
| { |
| clear:none; |
| } |
| .RadMenu .rmHorizontal .rmItem |
| { |
| clear: none; |
| } |
| .RadMenu .rmItem |
| { |
| float:left; |
| position:relative; |
| list-style-image: none; |
| list-style-position:outside; |
| list-style:none; |
| } |
| .RadMenu .rmItem |
| { |
| float: left; |
| position: relative; |
| list-style-image: none; |
| list-style-position: outside; |
| list-style: none; |
| } |
| .RadMenu a.rmLink |
| { |
| cursor:default; |
| display:block; |
| } |
| .RadMenu a.rmLink |
| { |
| cursor: default; |
| display: block; |
| } |
| .RadMenu .rmLink |
| { |
| width:auto; |
| } |
| .RadMenu_Vista .rmLink |
| { |
| color: #000; |
| text-decoration: none; |
| font: normal 12px/18px "segoe ui",arial,sans-serif; |
| height: 18px; |
| position: relative; |
| _float:left; |
| } |
| .RadMenu_Vista .rmLink |
| { |
| color: #000; |
| text-decoration: none; |
| font: normal 12px/18px "segoe ui" ,arial,sans-serif; |
| height: 18px; |
| position: relative; |
| _float: left; |
| } |
| .RadMenu .rmLink |
| { |
| width: auto; |
| } |
| .RadMenu_Vista .rmHorizontal .rmText |
| { |
| padding: 0 6px 0 0; |
| } |
| .RadMenu_Vista .rmRootGroup .rmText |
| { |
| margin: 0 0 0 6px; |
| padding: 0 6px 0 0; |
| } |
| .RadMenu_Vista .rmRootGroup .rmText |
| { |
| margin: 0 0 0 6px; |
| padding: 0 6px 0 0; |
| } |
| .RadMenu_Vista .rmHorizontal .rmText |
| { |
| padding: 0 6px 0 0; |
| } |
| .RadMenu .rmText |
| { |
| display:block; |
| } |
| .RadMenu .rmText |
| { |
| display: block; |
| } |
| .radInput_Default |
| { |
| font:11px arial,tahoma,verdana,sans-serif; |
| vertical-align:middle; |
| } |
| .radInput_Default |
| { |
| font:11px arial,tahoma,verdana,sans-serif; |
| vertical-align:middle; |
| } |
| .radEnabledCss_Default |
| { |
| border:1px solid #626262; |
| } |
| .radEnabledCss_Default |
| { |
| font:11px arial,tahoma,verdana,sans-serif; |
| padding:2px 0 2px 1px; |
| color:#333; |
| } |
| .radEnabledCss_Default |
| { |
| font:11px arial,tahoma,verdana,sans-serif; |
| padding:2px 0 2px 1px; |
| color:#333; |
| } |
| .radEnabledCss_Default |
| { |
| border:1px solid #626262; |
| } |
| .RadComboBox_Web20 |
| { |
| vertical-align:bottom; |
| } |
| .RadComboBox_Web20 |
| { |
| font:12px arial,verdana,sans-serif; |
| color: #111; |
| } |
| .RadComboBox_Web20 |
| { |
| vertical-align:bottom; |
| } |
| .RadComboBox_Web20 |
| { |
| font:12px arial,verdana,sans-serif; |
| color: #111; |
| } |
| .RadComboBox_Web20 |
| { |
| vertical-align:bottom; |
| } |
| .RadComboBox_Web20 |
| { |
| font:12px arial,verdana,sans-serif; |
| color: #111; |
| } |
| .RadComboBox_Web20 |
| { |
| vertical-align:bottom; |
| } |
| .RadComboBox_Web20 |
| { |
| font:12px arial,verdana,sans-serif; |
| color: #111; |
| } |
| .RadComboBox_Web20 * |
| { |
| margin:0; |
| padding:0; |
| } |
| .RadComboBox_Web20 * |
| { |
| margin:0; |
| padding:0; |
| } |
| .RadComboBox_Web20 * |
| { |
| margin:0; |
| padding:0; |
| } |
| .RadComboBox_Web20 * |
| { |
| margin:0; |
| padding:0; |
| } |
| .RadComboBox_Web20 .rcbInputCellLeft |
| { |
| border-width:1px 0 2px 1px; |
| } |
| .RadComboBox_Web20 .rcbInputCell |
| { |
| width:100%; |
| height:22px; |
| line-height:20px; |
| border-style:solid; |
| vertical-align:top; |
| padding:0; |
| background: #fff; |
| } |
| .RadComboBox_Web20 .rcbInputCellLeft |
| { |
| border-width:1px 0 2px 1px; |
| } |
| .RadComboBox_Web20 .rcbInputCell |
| { |
| width:100%; |
| height:22px; |
| line-height:20px; |
| border-style:solid; |
| vertical-align:top; |
| padding:0; |
| background: #fff; |
| } |
| .RadComboBox_Web20 .rcbInputCellLeft |
| { |
| border-width:1px 0 2px 1px; |
| } |
| .RadComboBox_Web20 .rcbInputCell |
| { |
| width:100%; |
| height:22px; |
| line-height:20px; |
| border-style:solid; |
| vertical-align:top; |
| padding:0; |
| background: #fff; |
| } |
| .RadComboBox_Web20 .rcbInputCellLeft |
| { |
| border-width:1px 0 2px 1px; |
| } |
| .RadComboBox_Web20 .rcbInputCell |
| { |
| width:100%; |
| height:22px; |
| line-height:20px; |
| border-style:solid; |
| vertical-align:top; |
| padding:0; |
| background: #fff; |
| } |
| .RadComboBox_Web20 .rcbArrowCell |
| { |
| width:26px; |
| background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbArrowCell.gif') no-repeat 0 0; |
| padding:0; |
| border: solid #6788BE; |
| border-width: 1px 1px 2px; |
| } |
| .RadComboBox_Web20 .rcbArrowCell |
| { |
| width:26px; |
| background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbArrowCell.gif') no-repeat 0 0; |
| padding:0; |
| border: solid #6788BE; |
| border-width: 1px 1px 2px; |
| } |
| .RadComboBox_Web20 .rcbArrowCell |
| { |
| width:26px; |
| background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbArrowCell.gif') no-repeat 0 0; |
| padding:0; |
| border: solid #6788BE; |
| border-width: 1px 1px 2px; |
| } |
| .RadComboBox_Web20 .rcbArrowCell |
| { |
| width:26px; |
| background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbArrowCell.gif') no-repeat 0 0; |
| padding:0; |
| border: solid #6788BE; |
| border-width: 1px 1px 2px; |
| } |
| .radeditor.Default.rade_wrapper |
| { |
| height:480px; |
| width:640px; |
| } |
| .radeditor.Default.rade_wrapper |
| { |
| font: normal 11px Arial, Verdana, Sans-serif; |
| } |
| .radeditor.Default .rade_wrapper_corner.rade_corner_top_left |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') 0 -26px no-repeat; |
| } |
| .radeditor.Default .rade_wrapper_corner |
| { |
| width: 5px; height: 5px; line-height: 5px; font-size:1px; |
| } |
| .radeditor.Default .rade_wrapper_center.rade_center_top |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') 0 0 repeat-x; |
| } |
| .radeditor.Default .rade_wrapper_center |
| { |
| height: 5px; line-height: 5px; font-size:1px; |
| } |
| .rade_center_top |
| { |
| background-color: #515151 !important; |
| } |
| .radeditor.Default .rade_wrapper_corner.rade_corner_top_right |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') 100% -14px no-repeat; |
| } |
| .radeditor.Default .rade_leftVerticalSide |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.VertSideSprites.gif') 0 0 repeat-y; |
| } |
| .rade_leftVerticalSide |
| { |
| background-color: #515151 !important; |
| } |
| .Default .rade_tlbVertical |
| { |
| background-color:#646464; |
| } |
| .rade_tlbVertical |
| { |
| width: 2px; font-size:1px; |
| } |
| .rade_toolZone |
| { |
| background-color: #515151 !important; |
| } |
| .Default.rade_toolbarWrapper |
| { |
| background-color:#515151 !important; |
| } |
| .rade_toolbarWrapper |
| { |
| float: left; |
| height: auto; |
| } |
| .radeditor.Default .rade_rightVerticalSide |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.VertSideSprites.gif') 100% 0 repeat-y; |
| } |
| .rade_rightVerticalSide |
| { |
| background-color: #515151 !important; |
| } |
| .radeditor.Default .rade_editorModesCell |
| { |
| width:100px; |
| } |
| .radeditor.Default .rade_wrapper_corner.rade_corner_bottom_left |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') 0 -65px no-repeat; |
| } |
| .radeditor.Default .rade_wrapper_center.rade_center_bottom |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') 0 -99px repeat-x; |
| } |
| .rade_center_bottom |
| { |
| background-color: #515151 !important; |
| } |
| .radeditor.Default .rade_wrapper_corner.rade_corner_bottom_right |
| { |
| background:url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Editor.CornersSprites.gif') -6px -53px no-repeat; |
| } |
| </style> |
| <link href="forms2.css" rel="stylesheet" type="text/css" /> |
| <link href="Case/Management/Management.css" rel="stylesheet" type="text/css" /> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <div> |
| <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista"> |
| <Windows> |
| <telerik:RadWindow runat="server" Animation="Resize" Behaviors="Close, Maximize" |
| InitialBehavior="Close" InitialBehaviors="Close" Left="-400px" MinimizeZoneID="ConstantDock" |
| NavigateUrl="./calendar.aspx" Skin="Vista" Style="display: none;" Title="Search" |
| Top="-500px" VisibleStatusbar="False" Height="500px" Width="500px" OffsetElementID="SchedulerButton" |
| OpenerElementID="SchedulerButton" KeepInScreenBounds="False" ReloadOnShow="True" |
| ID="WindowSchedule"> |
| </telerik:RadWindow> |
| <telerik:RadWindow ID="WindowSearch" runat="server" Animation="Resize" Behaviors="Close, Maximize" |
| InitialBehavior="Close" InitialBehaviors="Close" Left="-400px" MinimizeZoneID="ConstantDock" |
| NavigateUrl="./CaseSearch.aspx" Skin="Vista" Style="display: none;" Title="Search" |
| Top="-500px" VisibleStatusbar="False" Height="500px" Width="500px" OffsetElementID="SearchButton" |
| OpenerElementID="SearchButton" KeepInScreenBounds="False" ReloadOnShow="True"> |
| </telerik:RadWindow> |
| </Windows> |
| </telerik:RadWindowManager> |
| <telerik:RadSplitter ID="Main" runat="server" Height="100%" Items-Capacity="0" LiveResize="True" |
| Orientation="Horizontal" SplitBarsSize="" Width="100%" FullScreenMode="True" |
| Skin="Vista"> |
| <telerik:RadPane ID="Header0" runat="server" Height="45px" Width="" MaxHeight="45" |
| MaxWidth="1000" MinHeight="35" EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False" |
| Index="0" Skin=""> |
| <telerik:RadSplitter ID="RadSplitter3" Runat="server" Height="100%" |
| Width="100%"> |
| <telerik:RadPane ID="RadPane5" Runat="server" Height="19px"> |
| <telerik:RadMenu ID="RadMenu2" Runat="server" Skin="Vista" |
| style="position:relative; top:0px; left:0px;"> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="File"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="New..."> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Case"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Employee"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Open"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Administration"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Master Lists"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Incident"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Corrections"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Rehabilitation"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Security"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="EGT"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Users"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Utilities"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Change Password"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Split/Merge Cases"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Messages"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Read"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Compose"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Track"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenu> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar7" Runat="server" EnableResize="False" /> |
| <telerik:RadPane ID="RadPane6" Runat="server"> |
| <asp:Timer ID="Timer1" runat="server" Interval="30000" OnTick="Timer1_Tick"> |
| </asp:Timer> |
| <asp:Label ID="lblMessageCount" runat="server" Text="0"></asp:Label> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| <telerik:RadPane ID="Content0" runat="server" Height="" Width="142px" EnableEmbeddedBaseStylesheet="False" |
| EnableEmbeddedSkins="False" Index="0" Skin=""> |
| <telerik:RadSplitter ID="RadSplitter2" Runat="server" Height="100%" |
| Width="100%"> |
| <telerik:RadPane ID="RadPane3" Runat="server"> |
| <telerik:RadSplitter ID="RadSplitter4" runat="server" Orientation="Horizontal"> |
| <telerik:RadPane ID="RadPane7" Runat="server" Height="100px"> |
| <div style="height: 43px"> |
| <div style="float:left"> |
| <asp:Label ID="Label7" runat="server" CssClass="SummaryCase" Text="Case:"></asp:Label> |
| </div> |
| <div class="SummaryBold" style="float:left"> |
| <asp:Label ID="Label8" runat="server" Text="Incident Type"></asp:Label> |
| <br /> |
| <asp:Label ID="Label5" runat="server" Text="Case Status"></asp:Label> |
| </div> |
| <div class="SummaryNormal"> |
| <asp:Label ID="Label9" runat="server" Text="Lost time Injury or illness"></asp:Label> |
| <br /> |
| <asp:Label ID="Label6" runat="server" Text="Lodged, or something like that"></asp:Label> |
| </div> |
| <div> |
| <asp:Label ID="Label10" runat="server" CssClass="SummaryBold" |
| Text="Case Status"></asp:Label> |
| </div> |
| </div> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar8" Runat="server" EnableResize="False" /> |
| <telerik:RadPane ID="RadPane8" Runat="server"> |
| <telerik:RadSplitter ID="RadSplitter5" runat="server" Orientation="Vertical" |
| Width="100%"> |
| <telerik:RadPane ID="RadPane9" Runat="server" Width="200px"> |
| <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Skin="Vista" |
| onitemclick="RadPanelBar1_ItemClick" Width="100%" Height="100%"> |
| <CollapseAnimation Duration="100" Type="None" /> |
| <Items> |
| <telerik:RadPanelItem runat="server" ImagePosition="Right" |
| ImageUrl="./images/content.png" Text="Incident"> |
| <Items> |
| <telerik:RadPanelItem runat="server" ImageUrl="./images/exclamation.png" |
| Text="No severity is set yet. what are we going to do about that? Who knows."> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" ImageUrl="./images/info.png" |
| Text="Just notifying that extra info is recorded."> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" ImagePosition="Right" |
| ImageUrl="./images/available.png" Text="Corrections" Height="32"> |
| </telerik:RadPanelItem> |
| </Items> |
| <ExpandAnimation Duration="100" Type="None" /> |
| </telerik:RadPanelBar> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar1" Runat="server" EnableResize="False" /> |
| <telerik:RadPane ID="RadPane10" Runat="server"> |
| <telerik:RadMultiPage ID="RadMultiPage1" Runat="server" |
| Width="100%" RenderSelectedPageOnly="True"> |
| <telerik:RadPageView ID="PageIncident" runat="server" Height="100%" Width="100%"> |
| <telerik:RadPanelBar ID="RadPanelBar2" Runat="server" |
| AllowCollapseAllItems="True" Skin="Web20" Width="100%"> |
| <CollapseAnimation Duration="100" Type="None" /> |
| <Items> |
| <telerik:RadPanelItem runat="server" Text="Details"> |
| <ItemTemplate> |
| <telerik:RadComboBox ID="RadComboBox1" Runat="server" Skin="Web20"> |
| <Items> |
| <telerik:RadComboBoxItem runat="server" Text="Lost Time Injury" /> |
| <telerik:RadComboBoxItem runat="server" Text="Hazard" /> |
| <telerik:RadComboBoxItem runat="server" Text="Near Miss" /> |
| </Items> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </telerik:RadComboBox> |
| <telerik:RadComboBox ID="RadComboBox2" Runat="server" Skin="Web20"> |
| <Items> |
| <telerik:RadComboBoxItem runat="server" Text="Lost Time Injury" /> |
| <telerik:RadComboBoxItem runat="server" Text="Hazard" /> |
| <telerik:RadComboBoxItem runat="server" Text="Near Miss" /> |
| </Items> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </telerik:RadComboBox> |
| <telerik:RadComboBox ID="RadComboBox3" Runat="server" Skin="Web20"> |
| <Items> |
| <telerik:RadComboBoxItem runat="server" Text="Lost Time Injury" /> |
| <telerik:RadComboBoxItem runat="server" Text="Hazard" /> |
| <telerik:RadComboBoxItem runat="server" Text="Near Miss" /> |
| </Items> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </telerik:RadComboBox> |
| <telerik:RadComboBox ID="RadComboBox4" Runat="server" Skin="Web20"> |
| <Items> |
| <telerik:RadComboBoxItem runat="server" Text="Lost Time Injury" /> |
| <telerik:RadComboBoxItem runat="server" Text="Hazard" /> |
| <telerik:RadComboBoxItem runat="server" Text="Near Miss" /> |
| </Items> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </telerik:RadComboBox> |
| <telerik:RadCalendar ID="RadCalendar1" Runat="server" |
| font-names="Arial, Verdana, Tahoma" forecolor="Black" Skin="Web20" |
| style="border-color:#ececec"> |
| </telerik:RadCalendar> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Personal"> |
| <ItemTemplate> |
| <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> |
| <br /> |
| <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> |
| <br /> |
| <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> |
| <br /> |
| <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Employment"> |
| <ItemTemplate> |
| <telerik:RadNumericTextBox ID="RadNumericTextBox1" Runat="server"> |
| </telerik:RadNumericTextBox> |
| <telerik:RadEditor ID="RadEditor1" Runat="server" Skin="Default"> |
| <Content> |
| </Content> |
| </telerik:RadEditor> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Incident Results"> |
| </telerik:RadPanelItem> |
| </Items> |
| <ExpandAnimation Duration="100" Type="None" /> |
| </telerik:RadPanelBar> |
| </telerik:RadPageView> |
| </telerik:RadMultiPage> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar6" Runat="server" EnableResize="False" /> |
| <telerik:RadPane ID="RadPane4" Runat="server" Width="22px"> |
| <telerik:RadSlidingZone ID="RadSlidingZone1" Runat="server" |
| SlideDirection="Left" Width="103px"> |
| <telerik:RadSlidingPane ID="RadSlidingPane1" Runat="server" |
| Title="Attached Cases"> |
| <telerik:RadMaskedTextBox ID="RadMaskedTextBox1" Runat="server"> |
| </telerik:RadMaskedTextBox> |
| </telerik:RadSlidingPane> |
| </telerik:RadSlidingZone> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar4" runat="server" CollapseMode="Backward" /> |
| <telerik:RadPane ID="Footer0" runat="server" Height="40px" Scrolling="None" Width="500px" |
| MinHeight="40"> |
| <telerik:RadSplitter ID="RadSplitter1" Runat="server" Height="100%" |
| Width="100%"> |
| <telerik:RadPane ID="RadPane1" Runat="server"> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar5" Runat="server" EnableResize="False" /> |
| <telerik:RadPane ID="RadPane2" Runat="server"> |
| <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" |
| DecorationZoneID="Main" Skin="Vista" /> |
| <input ID="SearchButton" onclick="GetRadWindowManager().closeAll();" |
| type="button" value="Search" /><input ID="SchedulerButton" |
| onclick="GetRadWindowManager().closeAll();" type="button" value="Scheduler" /> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div> |
| <telerik:RadAjaxManager runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="Timer1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="lblMessageCount" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="RadPanelBar1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| </form> |
| </body> |
| </html> |
and Code behind:
| using System; |
| using System.Collections; |
| using System.Configuration; |
| using System.Data; |
| using System.Linq; |
| using System.Web; |
| using System.Web.Security; |
| using System.Web.UI; |
| using System.Web.UI.HtmlControls; |
| using System.Web.UI.WebControls; |
| using System.Web.UI.WebControls.WebParts; |
| using System.Xml.Linq; |
| using Telerik.Web.UI; |
| public partial class TestPost : System.Web.UI.Page |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| //ITemplate oIT = |
| if (!IsPostBack) |
| { |
| RadPanelItem oPI = new RadPanelItem("Rehab"); |
| oPI.Attributes.Add("Rehab", "Rehab"); |
| Label oL = new Label(); |
| oL.Text = "Printed"; |
| RadPanelItem oPIC = new RadPanelItem(); |
| oPIC.Controls.Add(oL); |
| oPI.Items.Add(oPIC); |
| RadPanelBar1.Items.Add(oPI); |
| } |
| } |
| protected void Timer1_Tick(object sender, EventArgs e) |
| { |
| lblMessageCount.Text = (int.Parse(lblMessageCount.Text) + 1).ToString(); |
| } |
| protected void RadPanelBar1_ItemClick(object sender, RadPanelBarEventArgs e) |
| { |
| if (e.Item.Text == "Incident") |
| { |
| RadMultiPage1.SelectedIndex = 0; |
| } |
| } |
| } |
Thanks
Jordan
7 Answers, 1 is accepted
0
Rhyss
Top achievements
Rank 1
Rank 1
answered on 15 May 2008, 01:23 AM
No ideas on this one?
0
Rhyss
Top achievements
Rank 1
Rank 1
answered on 16 May 2008, 04:14 AM
Anybody?
or is everyone still using the old controls?
or is everyone still using the old controls?
0
Hi Jordan,
I prepared a testing project with your code and I was able to reproduce all the described problems, except for one.
What I can suggest is:
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
I prepared a testing project with your code and I was able to reproduce all the described problems, except for one.
What I can suggest is:
- Both your RadPane7 and RadPane9 actually size as expected but due to having RadSplitters with perecntages sizes, the splitters resizes themselves and change the RadPanes' dimensions. I noticed that you have set the EnableResize to false so in this case the easiest way to achieve the desired appearance is to set the RadPane's Locked property to true.
- When you have a RadSplitter control into a RadPane control you do not need to set its sizes to 100% - the default behavior for the nested splitter is to fit the RadPane. Actually that is why the RadSplitter which contains your RadPane7 resizes and changes its size as explained above.
- I was not able to reproduce the problem with the timer control - the RadMenu does not close. Please, open a new support ticket and send a reproduction project.
- The issue with the RadEditor's button is due to its relative positioning. I suggest to apply relative positioning to the parent RadPane, too. This can be achieved by the following CSSClass:
.ApplyPosition { position: relative; }
<telerik:RadPane ID="RadPane9" runat="server" Width="200px" Locked="true" CssClass="ApplyPosition"> <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Vista" OnItemClick="RadPanelBar1_ItemClick" Width="100%" Height="100%"> ....................................................................................... - I suggest to set the RadSplitters' VisibleDuringInit property to false in order to avoid the undesired effect which occurs while the page loads and the RadSplitters get initialized.
I hope that this information will be helpful. For your convenience I am attaching my testing project here.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Rhyss
Top achievements
Rank 1
Rank 1
answered on 19 May 2008, 12:56 AM
The timer control issue is more apparent on the dropdown lists. when i have one open and the timer event fires, the list disappears and i have to click to open it again.
Thanks for the input on the rest. i will look into it now and let you know how i go.
Jordan
Thanks for the input on the rest. i will look into it now and let you know how i go.
Jordan
0
Hi Jordan,
I again tried to reproduce the problem with the timer but to no avail.
Would you please modify the project I send you in order to reproduce the problem and open a new support ticket and send it back to me? Let me also know whether the suggestions from my last post meet your requirements.
Sincerely yours,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
I again tried to reproduce the problem with the timer but to no avail.
Would you please modify the project I send you in order to reproduce the problem and open a new support ticket and send it back to me? Let me also know whether the suggestions from my last post meet your requirements.
Sincerely yours,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Rhyss
Top achievements
Rank 1
Rank 1
answered on 19 May 2008, 11:17 PM
The project you have posted has the same issue.
just start the page, click on a dropdown list to show the contents and wait for the counter to tick over. as it does the ajax call the dropdown list content will close.
just start the page, click on a dropdown list to show the contents and wait for the counter to tick over. as it does the ajax call the dropdown list content will close.
0
Hello Jordan,
I was able to reproduce the problem with the RadComboBox but not with RadMenu.
The standard behavior of the combobox is to close the dropdown on ajax request and that is why it closes because of the timer control.
I suggest you the following workaround:
Please, note that in order to have it working correctly the combobox should not be absolute positioned.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
I was able to reproduce the problem with the RadComboBox but not with RadMenu.
The standard behavior of the combobox is to close the dropdown on ajax request and that is why it closes because of the timer control.
I suggest you the following workaround:
| // Hook up Application event handlers. |
| var app = Sys.Application; |
| app.add_init(ApplicationInit); |
| function ApplicationInit(sender) { |
| Telerik.Web.UI.RadComboBox.prototype._attachDropDown = function() |
| { |
| if (this._isDetached) |
| { |
| var dropDown = this.get_dropDownElement(); |
| var slide = this.get_dropDownElement().parentNode; |
| slide.parentNode.removeChild(slide); |
| slide.style.marginLeft = "0"; |
| this._originalDomPositionHelper.parentNode.insertBefore(slide, this._originalDomPositionHelper); |
| this._isDetached = false; |
| //slide.style.display = "none"; |
| } |
| } |
| } |
Please, note that in order to have it working correctly the combobox should not be absolute positioned.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center