I have a gridview inside an updatepanel, and within each grid, there is a link which fires a modalpopup. When I click the link in firefox, the gridview kind of shrinks, taking out all whitespace, causing formatting overlaps and column alignment issues, which are very important to my customers, who need to see things in a single column. Here is a screenshot taken before, during, and after the modalpopup click.
I'm running Firefox 2.0.0.6
As you can see, only the middle panel, which contains the ModalPopup is affected, shrinking all of its margin & padding. This does not occur in IE.
1 <asp:Panel runat="server" ID="pnlSearchLockDays">
2 <table cellpadding="0" cellspacing="0" border="0">
3 <tr>
4 <td>
5
6 </td>
7 <td style="text-align: right;">
8 <asp:GridView BorderColor="#67420D" CssClass="gridRight" Visible="true" ID="gvLockDaysUpperRates"
9 runat="server" CellPadding="3" AutoGenerateColumns="False" Font-Names="Arial"
10 Font-Size="11px">
11 <%--<RowStyle BorderColor="#67420D" ForeColor="#222222" Wrap="False" BackColor="#D7CC93"
12 HorizontalAlign="Left"></RowStyle>
13 <AlternatingRowStyle BorderColor="#67420D" ForeColor="#222222" Wrap="False" BackColor="#E3DAAC"
14 HorizontalAlign="Left"></AlternatingRowStyle>--%>
15 <RowStyle CssClass="PrimeSearchCellGold" />
16 <PagerStyle BackColor="#222222" ForeColor="White"></PagerStyle>
17 <HeaderStyle CssClass="gvResultsPrime" Font-Overline="False" />
18 <Columns>
19 <asp:TemplateField ItemStyle-Width="55" HeaderText="Rate" ItemStyle-HorizontalAlign="Right">
20 <ItemTemplate>
21 <asp:Label runat="server" id="lblRate" Text='<%# Eval("Rates") %>' />
22 <asp:Label runat="server" id="lblPmt" Text='<%# "<br />" & CalculateMonthlyPmts(Eval("Rates")) %>' />
23 </ItemTemplate>
24 </asp:TemplateField>
25 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
26 <ItemTemplate>
27 <asp:LinkButton ID="lb0" runat="server" Text='<%# Eval("First") %>' CommandArgument='<%# Eval("Rates") %>'
28 Visible='<%# Convert.ToDouble(Eval("first")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
29 <asp:Label ID="lbl0" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("First"))%>'
30 Visible='<%# Convert.ToDouble(Eval("first")) > 0 %>' />
31 </ItemTemplate>
32 </asp:TemplateField>
33 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
34 <ItemTemplate>
35 <asp:LinkButton ID="lb1" runat="server" Text='<%# Eval("Second") %>' CommandArgument='<%# Eval("Rates") %>'
36 Visible='<%# Convert.ToDouble(Eval("second")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
37 <asp:Label ID="lbl1" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("second"))%>'
38 Visible='<%# Convert.ToDouble(Eval("second")) > 0 %>' />
39 </ItemTemplate>
40 </asp:TemplateField>
41 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
42 <ItemTemplate>
43 <asp:LinkButton ID="lb2" runat="server" Text='<%# Eval("Third") %>' CommandArgument='<%# Eval("Rates") %>'
44 Visible='<%# Convert.ToDouble(Eval("third")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
45 <asp:Label ID="lbl2" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("third"))%>'
46 Visible='<%# Convert.ToDouble(Eval("third")) > 0 %>' />
47 </ItemTemplate>
48 </asp:TemplateField>
49 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
50 <ItemTemplate>
51 <asp:LinkButton ID="lb3" runat="server" Text='<%# Eval("Fourth") %>' CommandArgument='<%# Eval("Rates") %>'
52 Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
53 <asp:Label ID="lbl3" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("Fourth"))%>'
54 Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>' />
55 </ItemTemplate>
56 </asp:TemplateField>
57 </Columns>
58 </asp:GridView>
59 </td>
60 <td style="text-align: left;">
61 <asp:Image ID="imgPlus8" Visible="false" ImageUrl="~/images/plus_eighth.gif" runat="server" />
62 </td>
63 </tr>
64 <tr>
65 <td colspan="2">
66 <asp:GridView BorderColor="#67420D" CssClass="gridRight" ID="gvLockDaysResults" runat="server"
67 AllowSorting="True" AllowPaging="True" CellPadding="3" AutoGenerateColumns="False"
68 Font-Names="Arial" Font-Size="11px" PageSize="50" DataKeyNames="RowID">
69 <FooterStyle BorderColor="#67420D" BackColor="#222222" ForeColor="White" Font-Names="Arial" />
70 <Columns>
71 <asp:TemplateField HeaderText="Updated" ItemStyle-CssClass="nowrap">
72 <ItemTemplate>
73 <asp:Label runat="server" Text="UW Verified" />
74 </ItemTemplate>
75 </asp:TemplateField>
76 <asp:TemplateField HeaderText="Lender" ItemStyle-CssClass="nowrap">
77 <ItemTemplate>
78 <div style="float: left; margin: 2px; margin-right: 4px;">
79 <asp:HyperLink ID="HyperLink1" runat="server" Target="_blank" NavigateUrl='<%# "~/DownloadFile.aspx?RateSheetID=" & Eval("ratesheetid") & "&Date=" & Eval("modify_date").ToString().Replace(":", "_") %>'
80 ToolTip='<%# "Download Ratesheet" & vbnewline & "(" & Eval("RateSheetName") & ")" %>'>
81 <asp:Image ID="Image1" Height="15px" Width="15px" runat="server" Visible='<%# ShowImage(Eval("RateSheetID")) %>'
82 ImageUrl='<%# PickImage(Eval("RateSheetID")) %>' />
83 </asp:HyperLink>
84 </div>
85 <div style="float: left">
86 <asp:Label runat="server" Text='<%# Eval("LenderName") %>' />
87 <br />
88 <asp:Label runat="server" Text='<%# Eval("ProgramName") %>' />
89 <br />
90 <asp:Label ID="lblUpdate" runat="server" Text='<%# FormatDate(Eval("modify_date")) %>' />
91 </div>
92 </ItemTemplate>
93 </asp:TemplateField>
94 <asp:TemplateField ItemStyle-Width="55px" ItemStyle-HorizontalAlign="Right" HeaderText="Rate">
95 <ItemTemplate>
96 <asp:Label runat="server" id="lblRate" Text='<%# Eval("FinalRate") %>' />
97 <asp:Label runat="server" id="lblPmt" Text='<%# "<br />" & CalculateMonthlyPmts(Eval("FinalRate")) %>' />
98 </ItemTemplate>
99 </asp:TemplateField>
100 <asp:TemplateField ItemStyle-Width="55px" ItemStyle-HorizontalAlign="Right">
101 <ItemTemplate>
102 <asp:LinkButton ID="lb0" Width="55px" runat="server" CommandArgument='<%# Eval("RowID") %>'
103 CommandName='<%#Eval("First") %>' Text='<%# Eval("First")%>' Visible='<%# Convert.ToDouble(Eval("first")) %>'
104 OnClick="LockDaysResultsYSP_Click" /><br />
105 <asp:Label ID="lbl0" Width="55px" runat="server" ForeColor="#004C1F" Text='<%# CalculateCommission(Eval("First"), 0)%>'
106 Visible='<%# Convert.ToDouble(Eval("first")) > 0 %>' />
107 </ItemTemplate>
108 </asp:TemplateField>
109 <asp:TemplateField ItemStyle-Width="55px" ItemStyle-HorizontalAlign="Right">
110 <ItemTemplate>
111 <asp:LinkButton ID="lb1" Width="55px" runat="server" CommandArgument='<%# Eval("RowID") %>'
112 CommandName='<%#Eval("Second") %>' Text='<%# Eval("Second")%>' Visible='<%# Convert.ToDouble(Eval("second")) %>'
113 OnClick="LockDaysResultsYSP_Click" /><br />
114 <asp:Label ID="lbl1" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("second"), 1)%>'
115 Visible='<%# Convert.ToDouble(Eval("second")) > 0 %>' />
116 </ItemTemplate>
117 </asp:TemplateField>
118 <asp:TemplateField ItemStyle-Width="55px" ItemStyle-HorizontalAlign="Right">
119 <ItemTemplate>
120 <asp:LinkButton ID="lb2" Width="55px" runat="server" CommandArgument='<%# Eval("RowID") %>'
121 CommandName='<%#Eval("Third") %>' Text='<%# Eval("Third")%>' Visible='<%# Convert.ToDouble(Eval("third")) %>'
122 OnClick="LockDaysResultsYSP_Click" /><br />
123 <asp:Label ID="lbl2" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("third"), 2)%>'
124 Visible='<%# Convert.ToDouble(Eval("third")) > 0 %>' />
125 </ItemTemplate>
126 </asp:TemplateField>
127 <asp:TemplateField ItemStyle-Width="55px" ItemStyle-HorizontalAlign="Right">
128 <ItemTemplate>
129 <asp:LinkButton ID="lb3" Width="55px" runat="server" CommandName='<%#Eval("Fourth") %>'
130 CommandArgument='<%# Eval("RowID") %>' Text='<%# Eval("Fourth")%>' Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>'
131 OnClick="LockDaysResultsYSP_Click" /><br />
132 <asp:Label ID="lbl3" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("Fourth"), 3)%>'
133 Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>' />
134 </ItemTemplate>
135 </asp:TemplateField>
136 </Columns>
137 <%--<RowStyle BorderColor="#67420D" ForeColor="#222222" Wrap="False" HorizontalAlign="Left" />--%>
138 <PagerStyle BorderColor="#67420D" BackColor="#222222" ForeColor="White" />
139 <HeaderStyle CssClass="gvResultsPrime" Font-Overline="False" />
140 </asp:GridView>
141 </td>
142 <td>
143
144 </td>
145 </tr>
146 <tr>
147 <td colspan="2">
148 <asp:GridView BorderColor="#67420D" CellPadding="3" Font-Names="Arial" Font-Size="11px"
149 Visible="true" CssClass="gridRight gvLowerRates" ID="gvLockDaysLowerRates" runat="server"
150 AutoGenerateColumns="false">
151 <%--<RowStyle BorderColor="#67420D" ForeColor="#222222" Wrap="False" BackColor="#D7CC93"
152 HorizontalAlign="Left"></RowStyle>
153 <AlternatingRowStyle BorderColor="#67420D" ForeColor="#222222" Wrap="False" BackColor="#E3DAAC"
154 HorizontalAlign="Left"></AlternatingRowStyle>--%>
155 <RowStyle CssClass="PrimeSearchCellGold" />
156 <Columns>
157 <asp:TemplateField ItemStyle-Width="55" HeaderText="Rate" ItemStyle-HorizontalAlign="Right">
158 <ItemTemplate>
159 <asp:Label runat="server" id="lblRate" Text='<%# Eval("Rates") %>' />
160 <asp:Label runat="server" id="lblPmt" Text='<%# "<br />" & CalculateMonthlyPmts(Eval("Rates")) %>' />
161 </ItemTemplate>
162 </asp:TemplateField>
163 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
164 <ItemTemplate>
165 <asp:LinkButton ID="lb0" runat="server" Text='<%# Eval("First") %>' CommandArgument='<%# Eval("Rates") %>'
166 Visible='<%# Convert.ToDouble(Eval("first")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
167 <asp:Label ID="lbl0" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("first"))%>'
168 Visible='<%# Convert.ToDouble(Eval("first")) > 0 %>' />
169 </ItemTemplate>
170 </asp:TemplateField>
171 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
172 <ItemTemplate>
173 <asp:LinkButton ID="lb1" runat="server" Text='<%# Eval("Second") %>' CommandArgument='<%# Eval("Rates") %>'
174 Visible='<%# Convert.ToDouble(Eval("second")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
175 <asp:Label ID="lbl1" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("second"))%>'
176 Visible='<%# Convert.ToDouble(Eval("second")) > 0 %>' />
177 </ItemTemplate>
178 </asp:TemplateField>
179 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
180 <ItemTemplate>
181 <asp:LinkButton ID="lb2" runat="server" Text='<%# Eval("Third") %>' CommandArgument='<%# Eval("Rates") %>'
182 Visible='<%# Convert.ToDouble(Eval("third")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
183 <asp:Label ID="lbl2" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("third"))%>'
184 Visible='<%# Convert.ToDouble(Eval("third")) > 0 %>' />
185 </ItemTemplate>
186 </asp:TemplateField>
187 <asp:TemplateField ItemStyle-Width="55" ItemStyle-HorizontalAlign="Right">
188 <ItemTemplate>
189 <asp:LinkButton ID="lb3" runat="server" Text='<%# Eval("Fourth") %>' CommandArgument='<%# Eval("Rates") %>'
190 Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>' OnClick="lbLockDaysChangeRate_Click" /><br />
191 <asp:Label ID="lbl3" Width="55px" ForeColor="#004C1F" runat="server" Text='<%# CalculateCommission(Eval("fourth"))%>'
192 Visible='<%# Convert.ToDouble(Eval("fourth")) > 0 %>' />
193 </ItemTemplate>
194 </asp:TemplateField>
195 </Columns>
196 <PagerStyle BorderColor="#67420D" BackColor="#222222" ForeColor="White"></PagerStyle>
197 <HeaderStyle CssClass="gvResultsPrime" Font-Overline="False" />
198 </asp:GridView>
199 </td>
200 <td style="text-align: left">
201 <asp:Image ID="imgMinus8" Visible="false" ImageUrl="~/images/minus_eighth.gif" runat="server" />
202 </td>
203 </tr>
204 </table>
205 </asp:Panel>
1 <asp:UpdatePanel runat="server" ID="UpdatePanelAddInfo">
2 <ContentTemplate>
3 <asp:Panel runat="server" Width="550px" CssClass="primeModalPopup" ID="panAddInfo"
4 Visible="true">
5 <div style="float: right; padding: 0px; margin: 4px;">
6 <asp:LinkButton ID="lbClose" runat="server" OnClick="hideAddInfoPanel">
7 <asp:Image runat="server" Height="15" Width="15" ID="ImgClose" ImageUrl="~/Images/x.gif"
8 ToolTip="Close" />
9 </asp:LinkButton>
10 </div>
11 <asp:Panel ID="dragPanel" runat="server">
12 <asp:HyperLink ID="hlLender" CssClass="modala" font-color="Green" Target="_blank"
13 runat="server">
14 <asp:Label ID="lblLenderNameProduct" runat="server" />
15 </asp:HyperLink>
16 <br />
17 <asp:Label runat="server" ID="lblRateSheet" />
18 <br />
19 </asp:Panel>
20 <center>
21 <table width="550" class="primeModalPopupTable" style="text-align: left;" border="0" cellpadding="0" cellspacing="0">
22 <tr>
23 <td style="vertical-align:top;">
24 <%--<div style="vertical-align: top;">--%>
25 <table class="primeModalPopupSubTable" style="border: 2px solid #EDE6C7; width:330px;" border="0" cellpadding="3">
26 <tr>
27 <td>
28 List Price
29 </td>
30 <td style="text-align: right">
31 <b>
32 <asp:Label ID="lblListPrice" runat="server" /></b>
33 </td>
34 </tr>
35 <asp:DataList RepeatLayout="Flow" ID="dlPriceAdjustments" runat="server">
36 <ItemTemplate>
37 <asp:Panel ID="rptPanel" runat="server" Visible='<%# Not Convert.ToBoolean(Eval("HiddenMargin")) and Convert.ToDouble(Eval("RateAdjustment")) = 0 and not Convert.ToBoolean(Eval("Disallow")) and not Convert.ToBoolean(len(Eval("description"))) %>'>
38 <tr>
39 <td>
40 <asp:Label ID="Label3" runat="server" Text='<%# Eval("adjustName") %>' />
41 </td>
42 <td style="text-align: right">
43 <asp:Label ID="Label1" runat="server" Text='<%# Eval("PriceAdjustment") %>' />
44 </td>
45 </tr>
46 </asp:Panel>
47 </ItemTemplate>
48 </asp:DataList><tr style="background-color: #EDE6C7">
49 <td>
50 <asp:Label ID="lblMaxNetPriceLabel" runat="server" Text="Max Net Price" />
51 </td>
52 <td style="text-align: right">
53 <asp:Label ID="lblMaxNetPrice" runat="server" Text="Label" />
54 </td>
55 </tr>
56 <tr style="background-color: #EDE6C7">
57 <td>
58 Final YSP
59 </td>
60 <td style="text-align: right">
61 <b>
62 <asp:Label ID="lblFinalYSP" runat="server" />
63 </td>
64 </tr>
65 </table>
66 <%--</div>--%>
67 </td>
68 <td style="vertical-align:top;">
69 <%--<div style="vertical-align: top; border: 2px solid #EDE6C7;">--%>
70 <table class="primeModalPopupSubTable" width="180" border="0" cellpadding="3">
71 <tr>
72 <td>
73 <asp:Label ID="lblRateAdjLabel" runat="server" Text="Rate Adj" />
74 </td>
75 <td style="text-align: right">
76 <asp:DataList ID="dlRateAdjust" runat="server">
77 <ItemTemplate>
78 <asp:Panel ID="panRejections" runat="server" Visible='<%# Convert.ToDouble(Eval("RateAdjustment")) <> 0 %>'>
79 <asp:Label ID="Label2" runat="server" Text='<%# Eval("AdjustName") %>' />
80 <asp:Label ID="Label1" runat="server" Text='<%# Eval("RateAdjustment") %>' />
81 </asp:Panel>
82 </ItemTemplate>
83 </asp:DataList>
84 </td>
85 </tr>
86 <tr>
87 <td>
88 Commission
89 </td>
90 <td style="text-align: right">
91 <asp:Label ID="lblCommission" runat="server" />
92 </td>
93 </tr>
94 <tr>
95 <td>
96 UW Fees
97 </td>
98 <td style="text-align: right">
99 <asp:Label ID="lblUWFees" runat="server" />
100 </td>
101 </tr>
102 <asp:DataList RepeatLayout="Flow" ID="dlFailures" runat="server">
103 <ItemTemplate>
104 <tr style="background-color: #c88888">
105 <td>
106 <asp:Label ID="Label4" runat="server" Text='<%# "• " & Eval("AdjustName") %>'
107 Visible='<%# Convert.ToBoolean(Eval("Disallow")) %>' />
108 </td>
109 <td style="text-align: right">
110 </td>
111 </tr>
112 </ItemTemplate>
113 </asp:DataList><tr>
114 <td>
115 Monthly Payment
116 </td>
117 <td style="text-align: right">
118 <asp:Label ID="lblMonthlyPayment" runat="server" />
119 </td>
120 </tr>
121 </table>
122 <%--</div>--%>
123 </td>
124 </tr>
125 <tr>
126 <td colspan="2" class="primeModalPopupTable">
127 <asp:Label ID="lblNotesLabel" runat="server" Text=" Notes<br />" />
128 <div class="primeModalPopupTable" style="width: 525px; margin: 0px; border: 2px solid #EDE6C7;">
129 <asp:DataList class="primeModalPopupSubTable" ID="dlNotes" runat="server">
130 <ItemTemplate>
131 <asp:Label ID="Label5" runat="server" Text='<%# Eval("AdjustName") %>' Visible='<%# Convert.ToBoolean(len(Eval("description"))) %>' />
132 <asp:Label ID="Label4" runat="server" Text='<%# "• " & Eval("Description") %>'
133 Visible='<%# Convert.ToBoolean(len(Eval("description"))) %>' />
134 </ItemTemplate>
135 </asp:DataList>
136 </div>
137 </td>
138 </tr>
139 </table>
140 </center>
141 </asp:Panel>
142 <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="lbClose"
143 TargetControlID="Button2" PopupControlID="panAddInfo" />
144 <%--<ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" HorizontalSide="Center" HorizontalOffset="0" VerticalOffset="0" VerticalSide="Middle" TargetControlID="panAddInfo" />--%>
145 <%--<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="panAddInfo" DragHandleID="dragPanel" />--%>
146 <asp:Button Style="visibility: hidden" ID="Button2" runat="server" Text="Button2" />
147 </ContentTemplate>
148 </asp:UpdatePanel>
![]()
![]()
![]()