I am having a problem with the header portion of the radgrid.
When the page is first displayed the right-hand portion of the header has been eliminated and replaced with white space. Attached graphic "HeaderWidth1.png" shows this and also shows the Developer Tools display with the header segment highlighted. You can see the width is set at "663px".
If I change the "663px" to "100%", the header will be displayed at full width (refer to attached graphic "HeaderWidth2.png").
I have tried coding a special css class for this item setting its width to 100% to no avail.
The code for the .aspx file is displayed immediately below. Can anyone tell me why this issue is happening and how I can eliminate it?
Thanks in advance!
Lynn
When the page is first displayed the right-hand portion of the header has been eliminated and replaced with white space. Attached graphic "HeaderWidth1.png" shows this and also shows the Developer Tools display with the header segment highlighted. You can see the width is set at "663px".
If I change the "663px" to "100%", the header will be displayed at full width (refer to attached graphic "HeaderWidth2.png").
I have tried coding a special css class for this item setting its width to 100% to no avail.
The code for the .aspx file is displayed immediately below. Can anyone tell me why this issue is happening and how I can eliminate it?
Thanks in advance!
Lynn
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/EPSDev3.master" AutoEventWireup="true" CodeFile="PetitionInfo.aspx.cs" Inherits="PetitionInfo" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"><style type="text/css"> .VerticalAlign1 { padding-top: 6px; } .rgHeaderDiv { width: 100%; }</style> </asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> <!-- content start --> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="SignersGrid"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SignersGrid" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> <div style="width: 800px;"> <div style="float: left; background-color: White; padding: 0px;"> <table cellpadding="1" cellspacing="0" border="0" > <tr> <td colspan="5" align="center" > <h2> <asp:Label ID="VoterAuthenticationLabel" runat="server" Text="<%$ Resources:Resource, PetitionInformationLabel %>"></asp:Label> </h2> </td> </tr> <tr> <td width="2%"> </td> <td width="47%" valign="top"> <table > <tr> <td colspan="2" align="left" style="font-weight: normal; height: 12px;"> <asp:Label ID="Label6" runat="server" Font-Bold="true" Text="<%$ Resources:Resource, CandidateInformationLabel%>"></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="CycleLabel" runat="server" Text="<%$ Resources:Resource, CycleLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="ElectionCycleList" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label1" runat="server" Text="<%$ Resources:Resource, RaceLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="PoliticalRaceList" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label2" runat="server" Text="<%$ Resources:Resource, NameLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="CandidateName" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label3" runat="server" Text="<%$ Resources:Resource, AddressLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="CandidateAddress" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label4" runat="server" Text="<%$ Resources:Resource, CityStZipLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="CandidateCity" runat="server" Text=""></asp:Label> <asp:Label ID="CandidateState" runat="server" Text=""></asp:Label> <asp:Label ID="CandidateZipCode" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label5" runat="server" Text="<%$ Resources:Resource, CountyLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="CandidateCountyList" runat="server" Text=""></asp:Label> </td> </tr> </table> </td> <td width="2%"> </td> <td width="47%" valign="top"> <table width="100%"> <tr> <td colspan="2" align="left" style="font-weight: normal; height: 12px;"> <asp:Label ID="Label7" runat="server" Font-Bold="true" Text="<%$ Resources:Resource, ContactInformationLabel%>"></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label8" runat="server" Text="<%$ Resources:Resource, NameLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="ContactName" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label9" runat="server" Text="<%$ Resources:Resource, PhoneLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="ContactPhone" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label10" runat="server" Text="<%$ Resources:Resource, EmailLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="ContactEmailAddress" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label11" runat="server" Text="<%$ Resources:Resource, WebSiteLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="ContactWebSiteURL" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td align="left"> <asp:Label ID="Label16" runat="server" Text="<%$ Resources:Resource, LinkToLabel %>"></asp:Label> </td> <td align="left"> <asp:Label ID="LinkToURL" runat="server" Text=""></asp:Label> </td> </tr> </table> </td> <td width="2%"> </td> </tr> <tr> <td colspan="5"> </td> </tr> <tr > <td> </td> <td align="center" valign="middle" colspan="3" > <asp:Label CssClass="VerticalAlign1" ID="PetitionsListTitle" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, PetitionSignersLabel %>"></asp:Label> </td> <td> </td> </tr> <tr> <td width="2%"> </td> <td colspan="3" valign="middle"> <telerik:RadGrid AutoGenerateColumns="false" ID="SignersGrid" runat="server" Width="99.7%" AllowSorting="true" AllowFilteringByColumn="true" EnableLinqExpressions="false" AllowPaging="false" PageSize="15" BorderWidth="1px" BorderColor="#999999" EnableEmbeddedSkins="true" Skin="Default" DataSourceID="SQLDataSource1" ShowFooter="True" GridLines="None" > <PagerStyle Mode="NextPrevAndNumeric" /> <GroupingSettings CaseSensitive="false" /> <MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto"> <Columns> <telerik:GridBoundColumn FilterControlWidth="50px" HeaderText="First Name" UniqueName="FirstName" DataField="FirstName" SortExpression="FirstName" > </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" DataField="LastName" SortExpression="LastName" > </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="VoterAddress" HeaderText="Address" DataField="Address" SortExpression="Address" > </telerik:GridBoundColumn > <telerik:GridBoundColumn UniqueName="RemoveSignature" HeaderText="Remove" DataField="CountyId" SortExpression="CountyId" > </telerik:GridBoundColumn> </Columns> </MasterTableView> <ClientSettings> <Scrolling AllowScroll="true" UseStaticHeaders="true" /> </ClientSettings> </telerik:RadGrid> </td> <td width="2%"> </td> </tr> <tr> <td colspan="5" align="center" > <asp:Label ID="Label17" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td colspan="5" align="center" > <asp:Label ID="SignatureCountMessage" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td colspan="5" align="center" > <asp:Label ID="Label18" runat="server" Text=""></asp:Label> </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr > <td> </td> <td align="center" valign="middle" colspan="3" > <asp:Label CssClass="VerticalAlign1" ID="Label12" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, SearchPetitionSignersLabel %>"></asp:Label> </td> <td> </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr> <td colspan="5" align="center" > <asp:Label ID="Label15" runat="server" Text="<%$ Resources:Resource, FirstLastNameLabel %>"></asp:Label> <asp:TextBox ID="SearchFirstName" Width="80px" runat="server" TabIndex="1"></asp:TextBox> <asp:TextBox ID="SearchLastName" Width="80px" runat="server" TabIndex="2"></asp:TextBox> <asp:Label ID="Label13" runat="server" Text="<%$ Resources:Resource, AddressLabel %>"></asp:Label> <asp:TextBox ID="SearchAddress" runat="server" TabIndex="3"></asp:TextBox> </td> </tr> <tr> <td colspan="5" align="center" > <asp:RadioButtonList ID="TypeOfCompare" runat="server" CellSpacing="10" RepeatDirection="Horizontal" > <asp:ListItem Enabled="True" Selected="True" Text="Contains the value anywhere" Value="1" /> <asp:ListItem Enabled="True" Selected="False" Text="Only check the beginning of the entry" Value="2" /> </asp:RadioButtonList> <br /> <asp:Label ID="SearchInstructions" runat="server" Text="<%$ Resources:Resource, SearchInstructionsLabel %>"></asp:Label> </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr > <td> </td> <td align="center" valign="middle" colspan="3" > <asp:Label CssClass="VerticalAlign1" ID="Label14" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, CloseAndPrintLabel %>"></asp:Label> </td> <td> </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> <tr> <td colspan="5" align="center" > <asp:Button ID="ClosePetitionButton" TabIndex="6" runat="server" Text="<%$ Resources:Resource, ClosePetitionBtn %>" /> <asp:Button ID="PrintListButton" TabIndex="7" runat="server" Text="<%$ Resources:Resource, PrintListBtn %>" /> <asp:Button ID="PrintForFilingButton" TabIndex="8" runat="server" Text="<%$ Resources:Resource, PrintForFilingBtn %>" /> </td> </tr> <tr> <td colspan="5" align="center" > </td> </tr> </table> </div> <div class="clear"> </div> </div> <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:ElectronicPetitionSystemConnectionString %>" ProviderName="System.Data.SqlClient" runat="server"> </asp:SqlDataSource></asp:Content>