I have turned basic paging on in my UltraWebGrid. Paging seems to work just fine. But the pager display is trying to stay within the size or width of the first column in the grid which happens to be 50px wide. So the pager display is vertical instead of horizontal. How do I make the pager display horizontal and use an area under multiple grid columns?
Steve Graddy
Steve,
This doesn't sound like the default behavior of the pager - by default it extends the full width of the grid. Or at least that's how it's supposed to work. Can you post your markup and any styles you may have used for the pager? Also, be sure you don't have generic CSS rules targeting blanket elements on the page, as the grid is made up of tables, divs, etc. So if you add a rule like DIV{width:20px;height:10px"}, it will really mess with the UI..
Thanks,
-Tony
Tony,
I am having this same problem. Below is my code in the aspx file as well as the styles from the master css file. I am using .NET CLR 3.5 in Visual Studio 2008. Thanks - AndrewMaster CSS File:body { font-family:verdana; font-size:small;}
a:hover{ color:white; background-color:#223E6E}
a:visited{}
a{ color:#223E6E;}
td.FieldTitle{ font-weight:bold; font-family:verdana; font-size:x-small;}
td.FieldValue{ font-family:verdana; font-size:x-small;} input.textBox{ height:20px; font-family:verdana; font-size:small; background-color:#E8E8E8; border:solid 1px #898989;}
span{ font-family:verdana; font-size:small;}
ASPX page code:
<table cellpadding="0px" cellspacing="0px" style="width:600px"> <tr> <td> <igmisc:WebPanel ID="webPanelSearchByName" runat="server" Width="550px"> <Header Text="Search By Policyholder Name"> </Header> <Template> <table cellpadding="10px" cellspacing="0px"> <tr> <td class="FieldTitle"> Policyholder Name </td> <td class="FieldValue"> <igtxt:WebTextEdit ID="webTextEditPolicyholderName" runat="server" MaxLength="20" Width="200px"> </igtxt:WebTextEdit> </td> <td> <igtxt:WebImageButton ID="WebImageButton1" runat="server" onclick="WebImageButton1_Click" Text="Go"> </igtxt:WebImageButton> </td> </tr> </table> </Template> </igmisc:WebPanel> </td> </tr> <tr> <td style="height:20px"> </td> </tr> <tr> <td> <asp:Panel ID="pnlSearchData" runat="server" Visible="false"> <igtbl:UltraWebGrid ID="ultraWebGridPolicies" runat="server" oninitializerow="ultraWebGridPolicies_InitializeRow" onpageindexchanged="ultraWebGridPolicies_PageIndexChanged"> <Bands> <igtbl:UltraGridBand> <Columns> <igtbl:UltraGridColumn BaseColumnName="PolicyNumber" DataType="System.Int32" Format="00000000"> <Header Caption="Policy Number" Title=""> </Header> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="PolicyholderName" Type="HyperLink"> <Header Caption="Policyholder"> </Header> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="ExpirationDate" DataType="System.DateTime" Format="MM-dd-yyyy"> <Header Caption="Expiration Date"> </Header> </igtbl:UltraGridColumn> </Columns> </igtbl:UltraGridBand> </Bands> <DisplayLayout AllowSortingDefault="Yes" HeaderClickActionDefault="SortSingle" Name="ultraWebGridPolicies" RowHeightDefault="20px" Version="4.00" AutoGenerateColumns="false" CellPaddingDefault="5"> <ActivationObject BorderColor="" BorderWidth=""> </ActivationObject> <Pager AllowPaging="true" PageSize="15" PagerAppearance="Bottom" StyleMode="PrevNext"> </Pager> </DisplayLayout> </igtbl:UltraWebGrid> </asp:Panel> </td> </tr> </table>