how to set content in footer in a single line

[Anto (DLL Version : 2008.3.1314.35)]

Hi All,

Have a grid which works fine.

In the PagerSyle have set Mode="Slider". but the "Page:1 out of 1 pages" appears in the next line.

How to make it to display in the same line.

-Anto

[Dimo]

Hi Anto,

The slider and label should be on a single line because of the following CSS rule in the RadGrid base stylesheet:

.RadGrid  .rgPager  .RadSlider
{

    float:left;

    margin:0 10px 0 0;

}

Here is a demo:

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/slider/defaultcs.aspx


Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Anto (DLL Version : 2008.3.1314.35)]

Hi Dimo

Thanks for your help.

But, nothing happens, same problem.

-Anto

[Anto (DLL Version : 2008.3.1314.35)]

Hi

One more thing, I am using the older telerik dll.

-Anto

[Dimo]

Hi Anto,

There are more than 20 different official versions of the Telerik.Web.UI assembly and a lot more internal builds. Which of all these is "the older" ?

Are you using a custom RadGrid skin? Have you by any chance disabled the embedded stylesheet?

It will be best if you provide a runnable demo, so that we can track down the problem.

Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Anto (DLL Version : 2008.3.1314.35)]

Hi Dimo

This is dll 2008.3.1314.35

I have sent the code.

<telerik:RadGrid ID="RadGridCity" runat="server" AutoGenerateColumns="false" Width="450px"
                                    ShowFooter="false"  PageSize="5" AllowPaging="true" Skin="Office2007" AllowSorting="true"
                                    AllowFilteringByColumn="true" OnNeedDataSource="RadGridCity_NeedDataSource" OnItemCommand="RadGridCity_ItemCommand"
                                    Height="250px" OnItemDataBound="RadGridCity_ItemDataBound" OnUpdateCommand="RadGridCity_UpdateCommand"
                                    OnInsertCommand="RadGridCity_InsertCommand" OnInit="RadGridCity_Init">
                                    <ClientSettings>
                                        <ClientEvents OnRowContextMenu="RadGridCity_RowContextMenu" />
                                        <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />
                                    </ClientSettings>
                                    <PagerStyle Mode="Slider" AlwaysVisible="true" />
                                    <MasterTableView AutoGenerateColumns="false" EditMode="PopUp" CommandItemDisplay="Bottom"
                                        Width="100%" DataKeyNames="CityCode" CommandItemSettings-AddNewRecordText="Add New City">
                                        <CommandItemTemplate>
                                            <div>
                                                <table width="103%" border="0" cellpadding="0" cellspacing="0" style="margin-top: -2px;
                                                    margin-left: -4px; margin-bottom: -3px;">
                                                    <tr>
                                                        <telerik:RadToolBar runat="server" ID="RTBCity" Skin="Office2007" Width="100%">
                                                            <%--OnButtonClick="RTBCity_ButtonClick"--%>
                                                            <Items>
                                                                <telerik:RadToolBarButton Text="Add" Font-Size="9" ForeColor="#00156E" CommandName="InitInsert"
                                                                    ImagePosition="Left" ImageUrl="images/neww1.gif">
                                                                </telerik:RadToolBarButton>
                                                                <telerik:RadToolBarButton Text="Edit" Font-Size="9" ForeColor="#00156E" CommandName="Edit" ImagePosition="Left"
                                                                    ImageUrl="images/penedit.png">
                                                                </telerik:RadToolBarButton>
                                                                <telerik:RadToolBarButton Text="Delete" Font-Size="9" ForeColor="#00156E" ImagePosition="Left"
                                                                    ImageUrl="images/delneeewww.gif">
                                                                </telerik:RadToolBarButton>
                                                                <telerik:RadToolBarButton Text="Close" Font-Size="9" ForeColor="#00156E" ImagePosition="Left"
                                                                    ImageUrl="images/closeeeeeee.gif">
                                                                </telerik:RadToolBarButton>
                                                            </Items>
                                                        </telerik:RadToolBar>
                                                    </tr>
                                                </table>
                                            </div>
                                        </CommandItemTemplate>
                                        <Columns>
                                            <%--<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                                <ItemStyle HorizontalAlign="Center" Width="7%" />
                                            </telerik:GridEditCommandColumn>--%>
                                            <telerik:GridBoundColumn UniqueName="CityCode" DataField="CityCode" HeaderText="CityCode"
                                                Visible="false" ReadOnly="true">
                                            </telerik:GridBoundColumn>
                                            <%--<telerik:GridBoundColumn UniqueName="CityShortDesc" DataField="CityShortDesc"
                        HeaderText="City Short Description">
                    </telerik:GridBoundColumn>--%>
                                            <telerik:GridTemplateColumn UniqueName="CityShortDesc" DataField="CityShortDesc" FilterControlWidth="50%"
                                                HeaderText="Short Description" HeaderStyle-Width="25%" ItemStyle-Width="25%" SortExpression="CityShortDesc">
                                                <ItemTemplate>
                                                    <asp:Label ID="LblCityShortDesc" Text='<%#Eval("CityShortDesc")%>' runat="server"></asp:Label>
                                                </ItemTemplate>
                                                <EditItemTemplate>
                                                    <telerik:RadTextBox ID="txtCityShortDesc" TextMode="SingleLine" MaxLength="5" Text='<%#Bind("CityShortDesc")%>'
                                                        runat="server" ToolTip="Maximum Character Allowed is 5">
                                                    </telerik:RadTextBox><asp:Label ID="Label1" runat="server" ForeColor="Red" Text="*"></asp:Label>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidatorCityShortDesc" runat="server"
                                                        Display="Dynamic" ErrorMessage="Short Description Cannot Be Empty" ControlToValidate="txtCityShortDesc"></asp:RequiredFieldValidator>
                                                    <asp:Label ID="Msg" runat="server" ForeColor="Red"></asp:Label>
                                                    <asp:RegularExpressionValidator ID="RegularExpressionValidatorCityShortDesc" runat="server"
                                                        Display="Dynamic" ControlToValidate="txtCityShortDesc" ValidationExpression="^[a-zA-Z0-9]+$"
                                                        ErrorMessage="Special Characters not Allowed"></asp:RegularExpressionValidator>
                                                    <telerik:RadTextBox runat="server" ID="txtCityCode" Text='<%# Eval("CityCode") %>'
                                                        Style="display: none;">
                                                    </telerik:RadTextBox>
                                                </EditItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <%--<telerik:GridBoundColumn UniqueName="CityName" DataField="CityName" HeaderText="City Name">
                    </telerik:GridBoundColumn>--%>
                                            <telerik:GridTemplateColumn UniqueName="CityName" DataField="CityName" HeaderText="Name"
                                                SortExpression="CityName" HeaderStyle-Width="75%" ItemStyle-Width="75%"  >
                                                <ItemTemplate>
                                                    <asp:Label ID="LblCityName" Text='<%#Eval("CityName")%>' runat="server"></asp:Label>
                                                </ItemTemplate>
                                                <EditItemTemplate>
                                                    <telerik:RadTextBox ID="txtCityName" TextMode="SingleLine" MaxLength="50" Text='<%#Bind("CityName")%>'
                                                        runat="server">
                                                    </telerik:RadTextBox><asp:Label ID="Label2" runat="server" ForeColor="Red" Text="*"></asp:Label>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidatorCityName" runat="server" ErrorMessage="Name Cannot Be Empty"
                                                        ControlToValidate="txtCityName" Display="Dynamic"></asp:RequiredFieldValidator>
                                                    <%--<asp:RegularExpressionValidator ID="RegularExpressionValidatorCityName" runat="server"
                                ControlToValidate="txtCityName" ValidationExpression="^[a-zA-Z0-9 ]+$" ErrorMessage="Special Characters not Allowed"></asp:RegularExpressionValidator>--%>
                                                </EditItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <%--<telerik:GridCheckBoxColumn UniqueName="Active" DataField="Active" HeaderText="Active" HeaderStyle-HorizontalAlign="Center">
                    <ItemStyle HorizontalAlign="Center" Width="8%" />
                    </telerik:GridCheckBoxColumn>--%>
                                            <%--<telerik:GridBoundColumn UniqueName="CreatedBy" DataField="CreatedBy" HeaderText="Created By"
                        Visible="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn UniqueName="CreatedOn" DataField="CreatedOn" HeaderText="Created On"
                        Visible="false">
                        <EditItemTemplate>
                            <telerik:RadDatePicker ID="RadDateTimePickerCreatedOn" runat="server" Skin="Gray"
                                DbSelectedDate='<%#Bind("CreatedOn")%>'>
                                <DateInput ID="DateInputCreatedOn" DateFormat="dd MMM yy" runat="server">
                                </DateInput>
                            </telerik:RadDatePicker>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorCreatedOn" runat="server" ErrorMessage="*"
                                ControlToValidate="RadDateTimePickerCreatedOn"></asp:RequiredFieldValidator>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn UniqueName="ModifiedBy" DataField="ModifiedBy" HeaderText="Modified By"
                        Visible="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn UniqueName="ModifiedOn" DataField="ModifiedOn" HeaderText="Modified On"
                        Visible="false">
                        <EditItemTemplate>
                            <telerik:RadDatePicker ID="RadDateTimePickerModifiedOn" runat="server" Skin="Gray"
                                DbSelectedDate='<%#Bind("ModifiedOn")%>'>
                                <DateInput ID="DateInputModifiedOn" DateFormat="dd MMM yy" runat="server">
                                </DateInput>
                            </telerik:RadDatePicker>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorModifiedOn" runat="server"
                                ErrorMessage="*" ControlToValidate="RadDateTimePickerModifiedOn"></asp:RequiredFieldValidator>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>--%>
                                            <%--<telerik:GridButtonColumn ConfirmText="Delete this City?" ButtonType="ImageButton"
                        ConfirmDialogType="RadWindow" ConfirmTitle="Delete" CommandName="Delete" Text="Delete"
                        UniqueName="DeleteColumn">
                        <ItemStyle HorizontalAlign="Center" Width="30px" />
                    </telerik:GridButtonColumn>--%>
                                        </Columns>
                                        <HeaderStyle ForeColor="#00156E" Font-Size="12px" Height="20px" Font-Names="Arial" />
                                        <FilterItemStyle Height="30px" BackColor="#D6E5F3" />
                                        <EditFormSettings EditColumn-ButtonType="ImageButton">
                                            <PopUpSettings Width="42%" />
                                        </EditFormSettings>
                                        <NoRecordsTemplate>
                                            <center>
                                                No Records Found!!!</center>
                                        </NoRecordsTemplate>
                                    </MasterTableView>
                                    <ClientSettings>
                                        <Selecting AllowRowSelect="true" />
                                    </ClientSettings>
                                </telerik:RadGrid>

I have not used any custom skin.

I have not used any css file

<style type="text/css"  >
    .RadGrid  .rgPager  .RadSlider
{
    float:left;
    margin:0 10px 0 0;
}


    </style>

I added this, but nothing changed.

[Dimo]

Hello Anto,

For your RadControls version the CSS rule should be


.GridPager_Office2007 .radslider
{
    float:left;
    margin:0 10px 0 0;
}


The other CSS rule is for versions 2009.1.+

Generally, it is good to specify your RadControls version when posting in the forum, especially if it is not the latest one.

Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.