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
I took the example above and tried it out, but the pager displayed as I expected. At this point I have to assume that either there's a bug in the build your using, or there's another piece that's affecting that view on your end that we haven't yet identified.
You may want to try with a plain jane grid on a new page, with absolutely no css (inline or links), and see if you can reproduce the behavior. If you can, I'd recommend grabbing the latest hotfix and testing out with that. You can also contact our Developer Support department and log an incident on this if you still can't get this resolved. (http://es.infragistics.com/gethelp)
-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>
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,