satmisha
asked on
Unable to get blue colour in background of using HTML
Hi Experts,
I am trying to put blue background in repeater control but unable to get desired result set. Enclosing docs fyr:
ALIGNMENTISSUE_HTML.DOCX --> contains what is expected in UI.
CODE-DETAIL.TXT --> contains what HTMl I am using.
when trying to put blue background in entire row get issues of alignment.
Please help.
AlignmentIssue_HTML.docx
Code-Detail.txt
I am trying to put blue background in repeater control but unable to get desired result set. Enclosing docs fyr:
ALIGNMENTISSUE_HTML.DOCX --> contains what is expected in UI.
CODE-DETAIL.TXT --> contains what HTMl I am using.
when trying to put blue background in entire row get issues of alignment.
Please help.
AlignmentIssue_HTML.docx
Code-Detail.txt
ASKER
Attaching a screen shot of expected UI and current UI, "AlignmentIssue_HTML2.docx "
AlignmentIssue_HTML2.docx
AlignmentIssue_HTML2.docx
ASKER
Please help.
Experts I got to manage blue colour but very thin issue I am facing now i.e. top row having extra edge in right hand side , is it possible to align this with bottom row as depicted in the screen shot "AlignmentIssue3.docx". code is provided below:
Experts I got to manage blue colour but very thin issue I am facing now i.e. top row having extra edge in right hand side , is it possible to align this with bottom row as depicted in the screen shot "AlignmentIssue3.docx". code is provided below:
<div style="height: 580px; overflow: auto" align="center">
<table cellpadding="0" cellspacing="0">
<tr style="background-color: #2461BF;" >
<td>
<asp:Repeater ID="rptPagerHeader" runat="server">
<ItemTemplate>
<b>
<asp:LinkButton ID="lnkPageHeader" ForeColor="White" runat="server" Text = '<%#Eval("Text") %>' CommandArgument = '<%# Eval("Value") %>' Enabled = '<%# Eval("Enabled") %>' OnClick = "Page_ChangedHeader"></asp:LinkButton>
</b>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
<tr >
<td>
<anthem:GridView ID="GridView1" runat="server" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="4" EnabledDuringCallBack="False" ForeColor="#333333"
GridLines="None" PageSize="1" Font-Overline="False" Font-Size="X-Small" AutoUpdateAfterCallBack="True" Width="98%" CssClass="scroll-grid"
UpdateAfterCallBack="True" PreCallBackFunction="disablegrid" PostCallBackFunction="enablegrid" >
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EmptyDataTemplate>
<anthem:Label ID="lblEmpty" runat="server" Text="No Locations found"></anthem:Label>
</EmptyDataTemplate>
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
<EditRowStyle BackColor="#2461BF" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<anthem:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Edit1" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>"
PostCallBackFunction="hidewait" EnableCallBack="True" EnabledDuringCallBack="False">Edit</anthem:LinkButton>
<anthem:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Remove"
PostCallBackFunction="
hidewait" EnableCallBack="False" EnabledDuringCallBack="False">Remove</anthem:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerSettings Mode="NumericFirstLast" Position="TopAndBottom" />
<RowStyle BackColor="#EFF3FB" />
</anthem:GridView>
</td>
</tr>
<tr style="background-color: #2461BF;" >
<td>
<asp:Repeater ID="rptPager" runat="server">
<ItemTemplate>
<b>
<asp:LinkButton ID="lnkPage" ForeColor="White" runat="server" Text = '<%#Eval("Text") %>' CommandArgument = '<%# Eval("Value") %>' Enabled = '<%# Eval("Enabled") %>' OnClick = "Page_Changed"></asp:LinkButton>
</b>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</table>
</div>
AlignmentIssue3.docx
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ste5an Luckily I have done that, issue was with the width of gridview control which was 98% causing the mis-alignment at UI level but happy to see your prompt reply and suggetion.
Thank you so much.
Thank you so much.
ASKER
Open in new window