I am using a borderless popup, but it displays with an inner bevel, how would I remove this?

Is there anyone out there that can help me with this issue?

Hello Lee,
As far as i can understand from your picture, you are using Borderless with close popup style.
Open the Styles folder in your site's directory and find a folder named "BorderlessWithClose" . Open the BorderlessWithClose.css and edit the .dmxWindow
to:

.dmxWindow
{
	border-style:none;
}

Yes I would have thought that what you suggest would do it. Here is what is in my css file:

.dmxWindow
{
	border-style:none !important;
}

It still displays as an inner bevel though.

Is it the same with just borderless popup without close?

Yes, there is no difference, the inner bevel is still there.

Hello Lee,

Which browser(s) are you using for testing?

It looks exactly the same in:

IE 8.0.6001
Firefox 3.0.10
Safari 3.2.2

Could you please post here a link to your site?

Sorry I can't do that, it's an intranet site. What I will do though is reproduce it on a test page. I will post when done.

I have uploaded to the following URL, a test popup.

firthwebworks.com.au/test_popup.htm

These are screenshots of how they display, as you can see the only one that displays correctly is firefox:

IE 7.0.5730.13


IE 8.0.6001.18702


Safari 3.2.2


Firefox 3.0.10

Thank you for the test page,
Please change the border to 0px in .dmxWindow iframe.content in /styles/dmxpopup.css on line 154.

{
-moz-box-sizing:border-box;
border:1px solid #999999;
height:100%;
left:0;
margin:0;
padding:0;
position:relative;
top:0;
width:100%;
}

No go I'm afraid, that removes the border but the inner bevel is still there.

Is this a bug in this extension as no seems to be able to come up with a solution?

Hi Lee,
It seems to be a browser issue. We're currently working and we will notify you as soon as we have a solution for you.

Ahhhh.. good old IE strikes again.

I look forward to your solution.

Hello all,

To remove the border you need to address to the iFrame which holds the AHE in a browser.
Its id can be referred to set the required style but it is generated dynamically with following pattern: _FieldID_editor so you can have in your page head or in your css file following statement:

#_FieldID_editor{
    border: none;
}

Regards,

I added the style to the BorderlessWithClose.css file and also tried it in the head, but it didn't make any difference.

Hi Lee,

Sorry ... it works in all but IE browsers. For IE there is another solution but I need to discus it with the developers. The solution is adding a parameter in iframe tag :

frameborder="0"

that disables the bevel border in IE.
About all others... referring all iframes on the page works as well and is preferred as appears:

iframe{
border: 1px solid #000;
}

Regards,

Hi Miroslav,

Quote

Sorry ... it works in all but IE browsers. For IE there is another solution but I need to discus it with the developers. The solution is adding a parameter in iframe tag :

frameborder="0"

that disables the bevel border in IE.

I'm not sure what you want me to do here, I can't find any reference to an iframe anywhere within the code.

Hello Lee,

I was just telling you that I need to speak with the developer of the extension so we can create a workaround that will give you opportunity to disable the bevel in IE by placing the parameter : frameborder ="0" in iframe tag of the Advanced Layer Pop-up or Advanced HTML editor's field.

And for all other browsers you can use style :
iframe{
border: "yourStyleHere";
}

Regards,

Quote

Hello Lee,

I was just telling you that I need to speak with the developer of the extension so we can create a workaround that will give you opportunity to disable the bevel in IE by placing the parameter : frameborder ="0" in iframe tag of the Advanced Layer Pop-up or Advanced HTML editor's field.

And for all other browsers you can use style :
iframe{
border: "yourStyleHere";
}

Regards,

I still haven't got this problem resolved. How did you go talking to the developers?

Here we are three months on from when I originaly posted this problem and still no resolution. I am very disappoionted in this extension.

I got the problem with only IE

If any one can help ? will be appreciat…


Nikko

Good luck. I don't think you'll get much in the way of help from this forumn. I've been waiting for a solution for 5 months. I don't think I'm being unreasonable with my critisism. The authors/moderators have told me they are working on a solution (see previous posts), but to date I'm still waiting.

There is a solution to this, but it means hacking the "advLayerPopup.js" file in the ScriptLibrary folder. If you're comfortable with this, then follow these steps. This hack applies to version 1.0.7 only.

1. Take a backup copy of "advLayerPopup.js".
2. Check: Did you really take a backup of that file?
3. Open advLayerPopup.js from the ScriptLibrary folder in DW.
4. Search for the text: hFrame.className='content'; (do include the semi-colon) around line 540 or thereabouts.
5. Then, insert this code:

hFrame.frameBorder=0;hFrame.marginwidth=0;hFrame.marginheight=0;hFrame.scrolling='no';

immediately after:

hFrame.className='content';

and before:

hFrameHolder.appendChild(hFrame)

6. The line then looks like:

hFrame.className='content';
// start: hack to add iframe html parameters
hFrame.frameBorder=0;hFrame.marginwidth=0;hFrame.marginheight=0;hFrame.scrolling='no';
// end: hack to add iframe html parameters
hFrameHolder.appendChild(hFrame)

7. I added the comments above for clarity, you *must* remove them and end up with a single line of code.
8. You might not want hFrame.marginwidth=0; or hFrame.marginheight=0; - I did. Remove these if you want.
9. Save, upload and test. Works for IE8 and below.

Edited by - Greg Sloman on 01 Oct 2010  14:47:27

Edited by - Greg Sloman on 01 Oct 2010  14:47:40