Radgrid Pager Advanced Element Alignment Isuue

[Jayesh]

Hi,
I am using  Mode="NextPrevNumericAndAdvanced" for the pager of a radgrid in an SP2010 Project, but on pageload the advanced elements are not vertically aligned. 

this issue is there only on pageload, if i sort, it will show this elements properly, I am attching the snapshot.

[Jayesh]

Can anyone help me on this? please..

[Andrey]

Hi,

I am not sure what you mean by that the issue is only available on PageLoad, could your elaborate a bit more what you want to achieve, some code examples could help us to better understand your case.

I am looking forward your reply.

Greetings,
Andrey
the Telerik team

[Jayesh]

Thanks for your reply and sorry if i forgot to elaborate.
The radgrid is inside an updatepanel.
On first time when the page is loaded, the radgrid will display some records, at that time the pager is having the above alignment issue.
 If we click on the header to sort the column,  it will sort and pager will come as properly aligned.
Also we are providing some filtering conditions, there it will search for those particular data and it will bind it to same radgrid at that time also, the alignment is fine. this issue is there only the first time when it shows the page.

[Andrey]

Hi,

Do you have scrolling with static headers enabled by any chance? And if yes, are you changing the width/height or are you hiding some rows of RadGrid?

Please share your complete page source code along with the code-behind content file. Thus we will significantly reduce the time for resolving this issue.

Kind regards,
Andrey
the Telerik team

[Manoj]

Hi Andrey,

I am getting the same problem.

Yes I have,

Static header and Scrolling. And also changing the width of the grid during the page load.
Please help me to resolve this issue.

Error page screenshot attached.

[Andrey]

Hi,

Without a source code or a project that replicates the issue, it will be really hard to find the source of issue and provide a solution for it.

Please share either your full page source code along with the code-behind file content, or a runnable project that replicates the issue.

Regards,
Andrey
the Telerik team

[Manoj]

Hi Andrey,

Please follow the below steps to reproduce the Issue.

1.Create a aspx page with RadTabStrip as shown below.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        
                    <telerik:RadTabStrip ID="RadTabStrip1"  runat="server" MultiPageID="rmpMain" >
                        <Tabs>
                            <telerik:RadTab Text="Form" PageViewID="pvFormInfo" runat="server">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
               
        <telerik:RadMultiPage ID="rmpMain"  runat="server">
            <telerik:RadPageView ID="pvFormInfo" runat="server">
                <ucTemplate:Pt ID="ucPt" runat="server" />
            </telerik:RadPageView>
        </telerik:RadMultiPage>

2.In the Usercontrol page(ucTemplate:Pt ) place a grid with the following features
(Static header,Scrolling,Mode="NextPrevNumericAndAdvanced")

3.Telerik - Latest version.
4.Browser - ie7
5.RadGrid Skin - Office2010Silver
6.VS2010

During the first page load you can notice the problem.When the page gets postback, the problem disappears.
Still if you are not able to replicate the issue please send me the tested source code.So that i will implement the same in my project.

Thanks and Regards,
Manoj Kumar

 

[Andrey]

Hello,

Thank you for providing the instruction how to replicate the issue. It turns out that this is a known issue and will be fixed in one of the next releases.

Currently you could use the following CSS styles as a work-around:

<style type="text/css">
        * + html .riSingle .riTextBox
        {
            width: 10px !important;
            height: 14px !important;
        }
    </style>

I have created a sample project to illustrate how things should work.

Regards,
Andrey
the Telerik team

[Manoj]

Hi Andrey,

I am getting the same problem with RadDatePickerPlease follow the below steps to reproduce the Issue.

1.Create a aspx page with RadTabStrip as shown below.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        
                    <telerik:RadTabStrip ID="RadTabStrip1"  runat="server" MultiPageID="rmpMain" >
                        <Tabs>
                            <telerik:RadTab Text="Form" PageViewID="pvFormInfo" runat="server">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
               
        <telerik:RadMultiPage ID="rmpMain"  runat="server">
            <telerik:RadPageView ID="pvFormInfo" runat="server">
                <telerik:RadDatePicker ID="rdpKeyDate" runat="server">
                                                </telerik:RadDatePicker>
            </telerik:RadPageView>
        </telerik:RadMultiPage>

3.Telerik - Latest version.
4.Browser - ie7
6.VS2010
.
Please see the attachment.

[Andrey]

Hello,

Yes, please excuse me for that mistake. The CSS I provided is the cause for this behavior, you should add the rgPager class in order to limit the affected controls:

<style type="text/css">
    * + html .rgPager .riSingle .riTextBox
    {
        width: 10px !important;
        height: 14px !important;
    }
</style>

With this approach you should not have problems.

All the best,
Andrey
the Telerik team