Need to display Radgrid columns according to screen resolution

3 posts, 0 answers
  1. Balaji
    Balaji avatar
    1 posts
    Member since:
    Apr 2012

    Posted 30 Apr 2012 Link to this post

    Hi,
    i have a radgrid which is exceeding the page size when i gave the width in "%". if i gave width in pixels it is not displaying according to page resolution.

    plz suggest me how to override the style properties of radgrid.
     <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="SampleGrid">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="SampleGrid" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="clrFilters">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="SampleGrid" />
                            <telerik:AjaxUpdatedControl ControlID="clrFilters" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <div id="divDefCols" style="height: 1600px; width: 100%; min-width: 730px; overflow-x: auto;
                overflow-y: auto; border: 1px solid;">
                <asp:LinkButton runat="server" ID="btnSaveSettings" Text="Set as Default setting"
                    Font-Bold="false" Font-Size="Small" Width="150px" OnClick="btnSaveSettings_Click" />
                <asp:Image runat="server" ID="InfoImage" Visible="false" EnableViewState="false"
                    Style="float: left;" ImageUrl="Images/UpdateActivity.gif" /><asp:Label runat="server"
                        ID="StatusLabel" Font-Bold="false" Font-Size="Small" ForeColor="Red" EnableViewState="false"></asp:Label>
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1"
                    Width="190px">
                 
                            <telerik:RadGrid ID="SampleGrid" EnableAJAX="True" EnableAJAXLoadingTemplate="True"
                                LoadingTemplateTransparency="50" Skin="Office2007" runat="server" AllowSorting="True"
                                AllowFilteringByColumn="True" AllowPaging="True" ShowFooter="True" ShowHeader="true"
                                CellSpacing="0" OnNeedDataSource="SampleGrid_NeedDataSource" OnColumnCreating="SampleGrid_ColumnCreating"
                                OnItemDataBound="Sample_ItemDataBound" OnItemCommand="SampleGrid_ItemCommand"
                                PageSize="50" GridLines="Vertical" AutoGenerateColumns="false" ShowSortIcon="true"
                                Height="900px" ShowGroupPanel="True">
                                <ClientSettings AllowDragToGroup="True">
                                </ClientSettings>
                                <FilterMenu EnableImageSprites="False">
                                </FilterMenu>
                                <MasterTableView EnableHeaderContextMenu="true">
                                    <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </RowIndicatorColumn>
                                    <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </ExpandCollapseColumn>
                                    <EditFormSettings>
                                        <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                        </EditColumn>
                                    </EditFormSettings>
                                    <HeaderStyle Height="40px" Width="100px" />
                                    <ItemStyle Height="30px" Width="100px" Wrap="False" />
                                    <AlternatingItemStyle Height="30px" Width="100px" Wrap="False" />
                                    <PagerStyle NextPageText="&amp;gt;" PrevPageText="&amp;lt;" AlwaysVisible="true"
                                        Mode="NextPrevAndNumeric"></PagerStyle>
                                </MasterTableView>
                                <ClientSettings AllowColumnHide="true" AllowColumnsReorder="True" ColumnsReorderMethod="Swap">
                                   
                                </ClientSettings>
                            </telerik:RadGrid>
                       
                </telerik:RadAjaxPanel>
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                </telerik:RadScriptBlock>
            </div>

    Adv thxs,
    Balaji
  2. Vivek
    Vivek avatar
    1 posts
    Member since:
    Jul 2012

    Posted 05 Sep 2012 Link to this post

    I have same issue any resolution for this
  3. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 10 Sep 2012 Link to this post

    Hi Vivek,

    Note that the described behaviour is expected and it ia valid for all components. The same behaviour will appear incase simple table in div is used. I would suggest you to keep your width in percents in order to have the RadGrid properly resized based on the screen resolution.

    Kind regards,
    Maria Ilieva
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top