Welcome Guest Search | Active Topics | Sign In | Register

build .079 shows alignment problems with Dialog control Options
Oscar
Posted: Sunday, May 10, 2009 7:22:50 PM
Rank: Member
Groups: Member

Joined: 5/10/2009
Posts: 16
I've downloaded build 79.2. The Dialog control on an aspx page which I had added in the .76 version and worked properly, now show some alignment problems :

1) once the control is set to show the dialog, the dialog control is shown at a location below all other controls, hence not in the center of the screen as I was used to.

2) the shade/opacity function doesn't work properly. A small part of the page is shaded.

3) the left location of any buttons within the footer appears to be changed to the right.

Since I am sure I didn't have these problems within the build .76 and didn't change anything for the properties, it looks like the new build causes the problem. Can I overcome these problems or should I downgrade to build .76?
eo_support
Posted: Sunday, May 10, 2009 7:53:33 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We are not aware of any of the problem you mentioned. So I would not attribute it to build 79 for now. Please post a test page and we will try to run it here and see if we can reproduce the problem. We can then go from there.

Thanks!
Oscar
Posted: Sunday, May 10, 2009 8:35:41 PM
Rank: Member
Groups: Member

Joined: 5/10/2009
Posts: 16
Hi,

Problem 3 shows in all of my cases while Problem 1 and 2 only show in a page which holds many other vendor controls with their specific references so I don't think you can reproduce the problem with the original content. I've only cut the part of Dialog1 and Dialog2 here since it holds 2 dialog controls:



Code: HTML/ASPX
<eo:Dialog ID="Dialog1" runat="server" AcceptButton="Button75" 
                                BackColor="#47729F" CancelButton="Button74" ControlSkinID="None" 
                                FooterHtml="voettekst" HeaderHtml="Bevestiging inschrijving" Height="200px" 
                                style="z-index: 1; left: 400px; top: 400px; position:absolute" 
                                Width="350px" TopMost="True" AcceptButtonPostBack="True" AllowMove="False" 
                                BackShadeColor="Black" BackShadeOpacity="60" VerticalAlign="Middle">
                                <FooterTemplate>
                                    <asp:Button ID="Button74" runat="server" 
                                        style="z-index: 1; left: 35px; top: 2px; position: relative; height: 23px; width: 50px;"
                                        Text="nee" />
                                    <asp:Button ID="Button75" runat="server" 
                                        style="z-index: 1; left: 198px; top: 2px; position: relative; height: 23px; width: 50px;" 
                                        Text="ja" onclick="Button75_Click" />
                                </FooterTemplate>
                                <HeaderStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #ffbf00 3px solid; padding-left: 4px; font-weight: bold; font-size: 11px; padding-bottom: 2px; color: white; padding-top: 2px; border-bottom: #22456a 1px solid; font-family: verdana" />
                                <FooterStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana" />
                                <ContentStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana" />
                            </eo:Dialog>


<eo:Dialog ID="Dialog2" runat="server" BackColor="#47729F" Height="200px" 
                style="z-index: 1; left: 400px; top: 540px; position: absolute" 
                Width="350px" BackShadeColor="Black" BackShadeOpacity="60" 
                CloseButtonUrl="00070201" ControlSkinID="None" Font-Names="Tahoma" 
                Font-Size="10pt" HeaderHtml="Dialog Title" VerticalAlign="Middle">
                <HeaderStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #ffbf00 3px solid; padding-left: 4px; font-weight: bold; font-size: 11px; padding-bottom: 2px; color: white; padding-top: 2px; border-bottom: #22456a 1px solid; font-family: verdana" />
                <FooterStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana" />
                <ContentStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana" />
            </eo:Dialog>


After that the initialstate is set to display the dialog1, I can see within IE7 that the dialog1 first pops up in the topleft coordinate of the page partly behind another control for about 1 second and after that moves to the BottomLef corner of the page which is the Bottom coordinate of a competitive WebTab control. At that moment some controls are shaded but not all of them. I hope this makes clear what's going on.

eo_support
Posted: Sunday, May 10, 2009 9:14:50 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You need to remove this on both dialogs:

style="z-index: 1; left: 400px; top: 400px; position:absolute"
style="z-index: 1; left: 400px; top: 540px; position: absolute"

I am not sure why you keep having absolute position on your dialog and your controls. You should not try to absolute a dialog at all (since it is automatically positioned). Also the code you posted here has the same problem we have pointed out in the other thread. You still have the same style properties on your "nee" and "ja". Please follow the instructions on the other thread to correct this.

Thanks!
Oscar
Posted: Monday, May 11, 2009 6:08:20 AM
Rank: Member
Groups: Member

Joined: 5/10/2009
Posts: 16
Hi eo_support,

Since build .72 doesn't show these problems with the same HTML-source I decided to test with the same source, that's why I kept the source the same as before. The reason why I use absolute positioning for the dialog control in general (hence not for the buttons within the footer section as we discussed in another thread) is to have it available in a free position within the designer so that I can select it in an easy way. In case I don't use absolute positioning, the dialog disappears behind other controls and this makes it very difficult to select the control and find the point to start the object editor. So that's the only reason to use the absolute positioning. However, since you advice me to drop the absolute positioning I have deleted both lines that you indicated. However, in the browser, the problem still is there, it looks like the dialog faces a problem since one can see that it replaces it's position from TopLeft to BottomLeft and the shade is thrown on the background of the whole page except at the controls.

In order to make sure the problems are build .079 related, I have deinstalled build .079 and reinstalled build .072 (including changing the EOweb.dll in the bin folder) and see anything works like a charm. The dialog is shown at the page center and anything around the dialog is shaded as expected. Then I deinstalled build .072, reinstalled .079 and the alignment/ positioning and shading problems are there again. So I think this proofs that these problems are build .079 related. They probably may not show up in an small easy page but in my case they surely show up. Build 079 must have implemented some changes with respect to the positioning I guess. In order to have a total look within the HTML, I've included the whole HTML/ASPX source and hope you can find the reason for these problems:

Code: HTML/ASPX
<%@ Register TagPrefix="igtab" Namespace="Infragistics.WebUI.UltraWebTab" Assembly="Infragistics35.WebUI.UltraWebTab.v9.1, Version=9.1.20091.1015, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %>
<%@ Page Language="vb" AutoEventWireup="false" Inherits="WebTabUtzm1.WebForm1" aspcompat="TRUE" CodeFile="Inschrijfmap.aspx.vb" %>

<%@ Register TagPrefix="igtxt" Namespace="Infragistics.WebUI.WebDataInput" Assembly="Infragistics35.WebUI.WebDataInput.v9.1, Version=9.1.20091.1015, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %>

<%@ Register TagPrefix="igtbl" Namespace="Infragistics.WebUI.UltraWebGrid" Assembly="Infragistics35.WebUI.UltraWebGrid.v9.1, Version=9.1.20091.1015, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %>
<%@ Register assembly="Infragistics35.Web.v9.1, Version=9.1.20091.1015, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.LayoutControls" tagprefix="ig" %>
<%@ Register assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI" tagprefix="asp" %>
<%@ Register assembly="Infragistics35.WebUI.Misc.v9.1, Version=9.1.20091.1015, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.Misc" tagprefix="igmisc" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

</HTML>
eo_support
Posted: Monday, May 11, 2009 6:55:31 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Thank you for the additional information. We are looking into this. We may need additional help from you because the page reference Infragistics controls. In any case we will let you know as soon as we find anything or need anything else.

Thanks!
eo_support
Posted: Monday, May 11, 2009 8:08:02 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We were able to reproduce the problem and find a simple workaround. Please try to replace:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

This will switch the page into standard compliant mode. Once you do that, the dialog should behave correctly.

Obviously build .72 also works fine in non-standard compliant mode, and build .79 seems to have lost this ability. We will look into this and should be able to bring this ability back.

Thanks for your help on identify this issue. Please feel free to let us know if you have any more questions.

Thanks!
Oscar
Posted: Monday, May 11, 2009 8:37:04 AM
Rank: Member
Groups: Member

Joined: 5/10/2009
Posts: 16
Hi eo_support,

Thanks a lot for the workaround. The dialog appears and works now as expected. It appeared that this page was the only one with this doctype since it is was the only page which was designed in VS2003 previously.
eo_support
Posted: Monday, May 11, 2009 8:56:44 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Glad that it works for you!
eo_support
Posted: Monday, May 11, 2009 10:37:22 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We have posted a new build that addressed the dialog issue in non-compliant mode. Please see your private message for download location. You can click the "inbox" link on the top of the forum to view the message.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.