.scrollingDiv{ overflow: auto; background-color: #EFEFEF; padding: 5px;}#HeadToHeadControl { position: relative; height: 450px; border: 1px solid orange; }#FilterControls{ width: 250px;}#Maturity_Control{ position: absolute; top: 10px; left: 10px; border: 1px solid green;}#TraitsControl{ position: absolute; top: 75px; left: 10px; border: 1px solid blue;}#ProductRadioList{ position: absolute; left: 270px; top: 10px; width: 300px; margin-right: 20px; border: 1px solid red;}#CompetitorTreeControl{ position: absolute; top: 10px; left: 580px; width: 300px; border: 1px solid yellow;}<div id="HeadToHeadControl"> <telerik:RadAjaxPanel runat="server" ID="ajax1" Width="100%"> <div id="FilterControls"> <div id="Maturity_Control"> radslider </div> <div id="TraitsControl"> </div> </div> <div id="ProductRadioList"> <asp:Panel runat="server" ID="pnlH2HProductChkList" ScrollBars="Vertical" Height="380px" CssClass="scrollingDiv"> </asp:Panel> </div> <div id="CompetitorTreeControl"> <div> <asp:Panel runat="server" ID="pnlCompProducts" Visible="false"> <div class="scrollingDiv" style='height: 380px;'> <asp:Label ID="lblSelectedProduct" runat="server" Text=""></asp:Label> </div> </asp:Panel> </div> <div style="text-align:right; margin-top:5px;"> <asp:Button ID="btnH2HResults" runat="server" Text="View Results" Visible="false" OnClick="btnH2HResults_GenerateRpt" /> </div> </div> </telerik:RadAjaxPanel></div>.Skin #windowButtonCommands{ bottom:20px; position:absolute; right:20px;}windowButtonCommands"> which is then docked to the bottom of the window.
function document.onkeydown() { if (window.event.keyCode == 13) { window.event.keyCode = 9; }}<
EditColumn ButtonType="ImageButton" CancelImageUrl="../../../../Images/16x16/Cancel.png" EditImageUrl="../../../../Images/16x16/Save.png" InsertImageUrl="../../../../Images/16x16/Save.png" UpdateImageUrl="../../../../Images/16x16/Save.png"
InsertText="Insert record" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
</EditColumn>
<div style="width:500px;">
<telerik:RadGrid ID="RadGrid1" Skin="Outlook" GridLines="None" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemInserted="RadGrid1_ItemInserted"
AllowAutomaticDeletes="True" AllowAutomaticInserts="True" Width="97%" PageSize="20" OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="RadGrid1_InsertCommand"
AllowAutomaticUpdates="True" AllowPaging="True" AutoGenerateColumns="False" CommandItemDisplay="Top"
>
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView Width="100%" DataKeyNames="ows_ID" AllowSorting="true"
CommandItemDisplay="Top" AllowPaging="true" HorizontalAlign="NotSet" AutoGenerateColumns="False">
<CommandItemSettings AddNewRecordText="Add" AddNewRecordImageUrl="../../../../Images/addcontrol.gif" />
<Columns>
<telerik:GridEditCommandColumn EditImageUrl="../../../../Images/16x16/Edit.png" ButtonType="ImageButton" UniqueName="EditCommandColumn">
<ItemStyle CssClass="MyImageButton" />
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="ows_ID" HeaderText="ID" ReadOnly="True" SortExpression="ows_ID"
UniqueName="ID" Visible="False">
<HeaderStyle Width="20px" ForeColor="Silver" />
<ItemStyle ForeColor="Silver" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn ShowSortIcon="true" DataField="ows_Section" HeaderText="Section" SortExpression="ows_Section"
UniqueName="Section">
<ItemStyle Width="100px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ows_Pod" HeaderText="Pod" SortExpression="ows_Pod"
UniqueName="Pod">
<ItemStyle Width="50px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ows_Cube" HeaderText="Cube" SortExpression="ows_Cube"
UniqueName="Cube">
<ItemStyle Width="100px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ows_SeatingArea" ReadOnly="true" HeaderText="Seating Area" SortExpression="ows_SeatingArea"
UniqueName="SeatingArea">
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings >
<FormCaptionStyle ></FormCaptionStyle>
<EditColumn ButtonType="ImageButton" CancelImageUrl="../../../../Images/16x16/Cancel.png" EditImageUrl="../../../../Images/16x16/Save.png" InsertImageUrl="../../../../Images/16x16/Save.png" UpdateImageUrl="../../../../Images/16x16/Save.png"
InsertText="Insert record" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
</EditColumn>
<FormTableButtonRowStyle HorizontalAlign="Right" ></FormTableButtonRowStyle>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
</div>
Thanks
Abdul