RadWindow contains RadGrid issue

14 posts, 0 answers
  1. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 13 Sep 2011 Link to this post

    How are you
    I want to ask about important issue that i need to solve it as soon as possible
    My scenario is RadGrid inside RadWindow, When I maximize The RadWindow, i need to maximIze RadGrid to fit the content of RadWindow also, when i return RadWindow to its normal size, i want RadGrid to return to its normal size
    Also, PageSize DropDownList not working when Maximizing RadWindow;it works only when The RadWindow is in its normal size
    My RadGrid uses UseStaticHeaders property to equal true and had fixed Width and Height
    My RadWindow Markup is
    <telerik:RadWindow ID="RadDeploymentWindow" Title="<%$ Resources:Text, DeploymentWizard %>" 
        runat="server" VisibleOnPageLoad="false" VisibleStatusbar="false" Width="535px" 
        Modal="true" Height="350px" Behaviors="Close,Move,Maximize,Reload " Skin="Windows7" 
        IconUrl="~/Images/icons/Enterprise.png"> 
        <ContentTemplate>
    My RadGrid Markup is
    <telerik:RadGrid ID="DeploymentGrid" Skin="Office2007" runat="server" AutoGenerateColumns="False"
                                            AllowSorting="True" PageSize="10" ShowStatusBar="True" CellSpacing="0" GridLines="Both"
                                            AllowPaging="True" OnNeedDataSource="RadGrid_NeedDataSource" Height="225px" Width="516px"
                                            <ClientSettings
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
                                            </ClientSettings
                                            <ExportSettings IgnorePaging="true" ExportOnlyData="true" OpenInNewWindow="true"
                                                HideStructureColumns="true" Excel-Format="Html" FileName="ErrorsAndWarnings"
                                            </ExportSettings
                                            <MasterTableView DataKeyNames="ObjectID" AutoGenerateColumns="false" CommandItemDisplay="Top"
                                                CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false"
                                                <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" /> 
                                                <ItemStyle Wrap="false" /> 
                                                <Columns
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectID"
                                                        HeaderText="ID"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectType"
                                                        HeaderText="Type"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Name" HeaderText="Name"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Attribute"
                                                        HeaderText="Attribute"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Error" HeaderText="Description"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ProposedSoluation"
                                                        HeaderText="Proposed Solution"
                                                    </telerik:GridBoundColumn
                                                    <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Severity"
                                                        HeaderText="Severity"
                                                    </telerik:GridBoundColumn
                                                </Columns
                                            </MasterTableView
                                            <ClientSettings
                                                <Resizing AllowColumnResize="True"></Resizing>                                             
                                            </ClientSettings
                                        </telerik:RadGrid>

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5525 posts

    Posted 14 Sep 2011 Link to this post

    Hi Ahmed,

    You can set the grid's Width in percents so that it resizes according to the available space. In your case perhaps 100% should do the trick. Please note that in order for this to work all its parent elements need to have explicit dimensions - either in pixels, or in percent, as this is a general HTML requirement for settings dimensions.

    On the dropdowns not working - I am not sure what the reason may be, but I believe this is related to your other threads on the matter where the asp wizard is used. What I saw there was that there were generic AJAX issues and errors with your approach, although I cannot say anything more specific, since the code you had sent is not runnable. I would advise that you simplify the scenario - take out the RadWindow, as currently it is only an absolutely positioned DIV from the grid's point of view, and make sure your wizard works as expected.

    I kindly ask you to post only one thread per issue in the future, as having four right now makes it difficult to track the progress and communication and also slows down the response times.


    Best wishes,
    Marin
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal
  3. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 14 Sep 2011 Link to this post

    Thank you
  4. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 14 Sep 2011 Link to this post

    Sorry ,i will send only one post for issue in the future
  5. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 18 Sep 2011 Link to this post

    it works correctly only if i remove

    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
    but if i allow it, The resizing behavior not working and iam tried the workarounds i found in these forums but nothing happened
  6. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5525 posts

    Posted 20 Sep 2011 Link to this post

    Hi Ahmed,

    This seems to be working as expected on my end: http://screencast.com/t/w8HQm9NC. Please note when the RadWindow is maximized it gets a very big z-index by default (100000), This is the reason for the page size dropdown being invisible. It simply needs a bigger z-index, for example:
    .rcbSlide
    {
        z-index: 123456 !important;
    }

    or you can set the RadWindow's ShowOnTopWhenMaximized property to false (it defaults to true).

    Please examine my test page that you can find attached to this thread and try to incorporate this functionality in your project. Please note the UpdatePanel wrapping the RadGird. It is placed so that I can page through the grid without performing a full postback on the page and thus the RadWindow will stay opened.

    On a side note - I would advise that you also set the PagerStyle-AlwaysVisible property of the RadGrid to true in order to make sure that you will always have the pager even if there are less item than the page size.


    Kind regards,
    Marin
    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
  7. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 27 Sep 2011 Link to this post

    Thanks, sorry for delay as i engaged in another task
    when i made the changes you attached, The columns aren't aligned well. also, when i maximize, the grid doesn't fill the entire content of RadWindow. 
    also. i want to resize Grid when returning window to its normal size if the user click Restore or resize the grid manually
    note i fixed the Grid height to

     

    225px

    <telerik:RadWindow ID="RadDeploymentWindow" Title="<%$ Resources:Text, DeploymentWizard %>"
        runat="server" VisibleOnPageLoad="false" VisibleStatusbar="false" Width="535px"
        Modal="true" Height="350px" Behaviors="Close,Move,Maximize,Resize" Skin="Windows7"
        IconUrl="~/Images/icons/Enterprise.png" OnClientShow="RepaintGrid" ShowOnTopWhenMaximized="false" OnClientCommand="RepaintGrid" >
        <ContentTemplate>

     

     

     

     

    <telerik:RadGrid ID="DeploymentGrid" BorderWidth="0" Skin="Office2007" runat="server" AutoGenerateColumns="False"
        AllowSorting="True" PageSize="10" ShowStatusBar="True" CellSpacing="0" GridLines="Both"
        OnNeedDataSource="RadGrid_NeedDataSource" AllowPaging="true"
         Height="225px" Width="100%" PagerStyle-AlwaysVisible ="true">
        <ClientSettings>
           <Scrolling AllowScroll="true" UseStaticHeaders="true" />
           <%--<Resizing AllowColumnResize="true" EnableRealTimeResize="false" />  --%>
        </ClientSettings>
        <ExportSettings IgnorePaging="true" ExportOnlyData="true" OpenInNewWindow="true"
            HideStructureColumns="true" Excel-Format="Html" FileName="ErrorsAndWarnings">
        </ExportSettings>
        <MasterTableView DataKeyNames="ObjectID" AutoGenerateColumns="false" CommandItemDisplay="Top"
            CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false">
            <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" />
            <ItemStyle Wrap="false" />
            <Columns>
                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectID"
                    HeaderText="ID">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectType"
                    HeaderText="Type">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Name" HeaderText="Name">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Attribute"
                    HeaderText="Attribute">
                </telerik:GridBoundColumn>

     

  8. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5525 posts

    Posted 29 Sep 2011 Link to this post

    Hello Ahmed,

    Please note the RepaintGrid() JavaScript function that is used to align the columns properly after the grid is resized. You can also attach it to the OnClientResizeEnd event. I did not attach it there as, if I recall correctly, your RadWIndow did not have this behavior allowed before. You should use it as well when you dynamically resize the grid, as this is not its intended use (to be resized dynamically).

    On the matter of the wrong sizes - setting dimensions as percentage only works properly if all parent elements have certain dimensions set - either in percents, or in pixels. What I see in your screenshots is some more complex content, so you should make sure that all parent elements have their sizes set as well.


    Kind regards,
    Marin
    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
  9. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 05 Oct 2011 Link to this post

    Thanks
    I made all the changes you want but nothing happened
    i don't know what i want
  10. Ahmed
    Ahmed avatar
    11 posts
    Member since:
    Jul 2011

    Posted 05 Oct 2011 Link to this post

    sorry
    i have another problem;When Closing RadWindow , the next time i open it , it will open again at the status when you close it
  11. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5525 posts

    Posted 06 Oct 2011 Link to this post

    Hi Ahmed,

    I am not sure what the reason for the wrong grid alignment can be as things are working fine on my end. My best guess is that some of the elements above the grid in the HTML hierarchy does not have dimensions set so the grid cannot calculate its own dimensions properly. You should also check for any JavaScript errors. If you are still unable to resolve this I advise that you open a regular support ticket and send us a fully runnable project that reproduces this behavior so we can examine it.

    As for the state being preserved - you are using the content template, which is essentially an asp Panel in the page that is shown/hidden via CSS. There is no option in the framework for resetting such containers and therefore the RadWindow does not offer such a method. You can use an external page and set the RadWindow's ReloadOnShow property to true so that the page is reloaded from the server every time the window is shown. This is done by appending a random querystring to the URL and is, therefore impossible in this scenario.


    Kind regards,
    Marin
    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
  12. Rohan
    Rohan avatar
    94 posts
    Member since:
    Jul 2012

    Posted 23 Nov 2012 Link to this post

    Hi all ,

    I have radgrid  within the rad window , after the maximize rad window filter option if grid data bound columns not showing the filter option context menu and grid context menu .


    please provide any example or solution .
    Thanks You .
  13. Slav
    Admin
    Slav avatar
    1359 posts

    Posted 27 Nov 2012 Link to this post

    Hello Rohan,

    The z-index of the RadWindow is set to 100 000 when the control is maximized. Please locate the CSS class of the context menu and set a higher z-index so that it is displayed over the window.

    Another option in this case is to set the RadWindow property ShowOnTopWhenMaximized to false.

    Kind regards,
    Slav
    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.
  14. Rohan
    Rohan avatar
    94 posts
    Member since:
    Jul 2012

    Posted 28 Nov 2012 Link to this post

    Hi Salv,

    Thank you for you replay ... it works for me...

    Thanks you once again ...
Back to Top