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
>