page navigation issue

[nallamani]

Hi
   Slider Mode in Pager style is not working in firefox..
My code is

<telerik:RadGrid ID="RadGrid1" CssClass="RadGrid" EnableTheming="False" EnableEmbeddedBaseStylesheet="False" AllowSorting="True" AllowMultiRowSelection="true" AllowMultiRowEdit="true"
                 Skin="" runat="server" Width="100%" AllowPaging="True" AutoGenerateColumns="False" PageSize="5"    >
                      <ItemStyle CssClass="RadGridItem"></ItemStyle>
                     <HeaderStyle CssClass="RadGridHeader"></HeaderStyle>
                    <PagerStyle Mode="Slider" alwaysvisible="True" pagebuttoncount="5" CssClass="RadGridPager"></PagerStyle>
          
                     <ClientSettings EnablePostBackOnRowClick="false">
                        <Selecting AllowRowSelect="true" />
                    </ClientSettings>
                      <MasterTableView CommandItemDisplay="Top" DataKeyNames="SUserID" EditMode="InPlace" AutoGenerateColumns="False"   Width="100%">
                            <CommandItemTemplate>
                                <div style="padding:10px 0px;" class="newtd">
                                    &nbsp;&nbsp;
                                    <asp:LinkButton Style="vertical-align: bottom" ID="btnEditSelected" runat="server"
                                    CommandName="EditSelected" CausesValidation="false" Visible='<%# RadGrid1.EditIndexes.Count = 0 %>' ><img style="border:0px;vertical-align:middle;" alt="" src="../Images/icons/Edit.gif" /> Edit Selected PowerAdmin</asp:LinkButton>
                                    <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/icons/Save.gif" /> Update PowerAdmin</asp:LinkButton>
                                    &nbsp;
                                    <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" CausesValidation="false" Visible='<%# RadGrid1.EditIndexes.Count > 0 Or RadGrid1.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/icons/Cancel.gif" /> Cancel editing</asp:LinkButton>
                                    &nbsp;&nbsp;
                                    <asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Are You Sure ?');"
                                    runat="server" CommandName="DeleteSelected" CausesValidation="false" ><img style="border:0px;vertical-align:middle;" alt="" src="../Images/icons/Delet.gif" /> Delete Selected PowerAdmin</asp:LinkButton>
                                    &nbsp;&nbsp;&nbsp;
                                    <asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"><img style="border:0px;vertical-align:middle;" alt="" src="../Images/icons/Refresh.gif" /> Refresh </asp:LinkButton>
                                </div>
                            </CommandItemTemplate>
                            <Columns>

                                <telerik:GridTemplateColumn UniqueName="SrlNo" AllowFiltering="False"  ItemStyle-HorizontalAlign="Left" ItemStyle-Width="2%" >
                                <ItemTemplate  >
                                    <asp:Label ID="lblSrlNo"  runat="server"  />&nbsp;&nbsp;
                                </ItemTemplate>                               
                                </telerik:GridTemplateColumn>
                                 <telerik:GridClientSelectColumn HeaderStyle-Width="3%" />
                                <telerik:GridBoundColumn DataField="SUserID" UniqueName="SUserID"  Visible="False"   ReadOnly="True"></telerik:GridBoundColumn>

                                <telerik:GridBoundColumn  DataField="Email" UniqueName="Email" SortExpression="Email" ItemStyle-HorizontalAlign="Left" HeaderText="Email" ShowSortIcon="false"  ></telerik:GridBoundColumn>
                               
                                <%--<telerik:GridTemplateColumn   UniqueName="Password"  HeaderText="Password" ItemStyle-HorizontalAlign="Left"   >
                                  <ItemTemplate>
                                     <asp:HyperLink ID="hplReset" style="cursor:pointer"   runat="server" Enabled='<%# Container.DataItem("SUserId") %>' OnClick='<%# "fn_Change(this," & Container.DataItem("SUserId") & ")" %>'
                                 Text="Reset">
                                </asp:HyperLink>
                                 </ItemTemplate>

                                    </telerik:GridTemplateColumn>--%>
                                    <telerik:GridTemplateColumn   UniqueName="Password"  HeaderText="Password" ItemStyle-HorizontalAlign="Left"   >
                                        <ItemTemplate>
                                                <asp:Label ID="lblrad" runat ="server" Text ="************" ></asp:Label>
                                        </ItemTemplate>
                                        <EditItemTemplate >
                                            <input type ="text" id="Text1" value ="************" name='<%# Container.DataItem("SUserId")%>' onclick='openPrompt(this.name)' class="textbox" readonly="true" />
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn  DataField="UserStatus" UniqueName="UserStatus" HeaderButtonType="TextButton" HeaderText="Status" ItemStyle-HorizontalAlign="Left"   >
                                <ItemTemplate>
                                    <asp:Label ID="lblStatus"     runat="server" text='<%# IIf(Container.DataItem("UserStatus")= 0,"Enabled","Disabled") %>' />
                                </ItemTemplate>
                                <EditItemTemplate >
                                <asp:RadioButton GroupName="grpuserstatus" runat="server" ID="checkDisable" text="Disabled" Checked='<%# IIf(Container.DataItem("UserStatus")= 0,"False","True") %>'/>
                                <asp:RadioButton  GroupName="grpuserstatus" runat="server" ID="checkEnable" text="Enabled" Checked='<%# IIf(Container.DataItem("UserStatus")= 0,"True","False") %>'/>

                                </EditItemTemplate>

                                </telerik:GridTemplateColumn>

                            </Columns>
                                  <EditFormSettings >
                                            <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                                            <FormCaptionStyle CssClass="RadGridHeader"></FormCaptionStyle>
                                            <FormMainTableStyle BackColor="White" GridLines="Horizontal" CellPadding="3" Width="100%" CellSpacing="0"></FormMainTableStyle>
                                            <FormTableStyle CellSpacing="0" CellPadding="2" CssClass="module" Height="110px" BackColor="White" />
                                            <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                                           <EditColumn CancelText="Cancel edit" InsertText="Insert Order"  UniqueName="EditCommandColumn1" ButtonType="ImageButton" UpdateText="Update record"></EditColumn>
                                            <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
                                  </EditFormSettings>

                                    <ExpandCollapseColumn>
                                    <HeaderStyle Width="20px"></HeaderStyle>
                                    </ExpandCollapseColumn>

                                    <RowIndicatorColumn>
                                    <HeaderStyle Width="20px"></HeaderStyle>
                                    </RowIndicatorColumn>
                       </MasterTableView>

                                <FilterMenu EnableTheming="True" Skin="WebBlue" enableembeddedbasestylesheet="False">
                                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                                </FilterMenu>

                                <AlternatingItemStyle CssClass="RadGridItem"></AlternatingItemStyle>

                                <SortingSettings  SortToolTip="Click here to sort Email"></SortingSettings>
                 </telerik:RadGrid>


Need Help..

[Dimo]

Hello nallamani,

If you set Skin="" for RadGrid, this is inherited by RadSlider in the pager as well. I recommend using a skin for the slider (either an embedded one or a custom one). Here is an example:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{




            if (e.Item is GridPagerItem && (sender as RadGrid).PagerStyle.Mode == GridPagerMode.Slider)
            {
                ((e.Item as GridPagerItem).Controls[0].Controls[1] as RadSlider).EnableEmbeddedBaseStyleSheet = true;
                ((e.Item as GridPagerItem).Controls[0].Controls[1] as RadSlider).EnableEmbeddedSkins = true;
                ((e.Item as GridPagerItem).Controls[0].Controls[1] as RadSlider).Skin = "SkinName";
            }
}


Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[nallamani]

Thanks a lot it worked....