Advanced Layer Popup Support Product Page

Remove Inner Bevel

Asked 20 Apr 2009 02:59:04
1
has this question
20 Apr 2009 02:59:04 Lee Firth posted:
I am using a borderless popup, but it displays with an inner bevel, how would I remove this?

Replies

Replied 07 May 2009 09:34:13
07 May 2009 09:34:13 Lee Firth replied:
Is there anyone out there that can help me with this issue?
Replied 07 May 2009 11:34:23
07 May 2009 11:34:23 Teodor Kuduschiev replied:
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;
}

Replied 08 May 2009 00:12:28
08 May 2009 00:12:28 Lee Firth replied:
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.
Replied 08 May 2009 09:29:29
08 May 2009 09:29:29 Teodor Kuduschiev replied:
Is it the same with just borderless popup without close?
Replied 12 May 2009 02:48:56
12 May 2009 02:48:56 Lee Firth replied:
Yes, there is no difference, the inner bevel is still there.
Replied 12 May 2009 10:32:29
12 May 2009 10:32:29 Teodor Kuduschiev replied:
Hello Lee,

Which browser(s) are you using for testing?
Replied 14 May 2009 00:05:58
14 May 2009 00:05:58 Lee Firth replied:
It looks exactly the same in:

IE 8.0.6001
Firefox 3.0.10
Safari 3.2.2
Replied 14 May 2009 11:05:02
14 May 2009 11:05:02 Teodor Kuduschiev replied:
Could you please post here a link to your site?
Replied 15 May 2009 00:16:07
15 May 2009 00:16:07 Lee Firth replied:
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.
Replied 15 May 2009 01:52:56
15 May 2009 01:52:56 Lee Firth replied:
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

Replied 15 May 2009 08:45:56
15 May 2009 08:45:56 Teodor Kuduschiev replied:
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%;
}

Replied 15 May 2009 09:08:41
15 May 2009 09:08:41 Lee Firth replied:
No go I'm afraid, that removes the border but the inner bevel is still there.
Replied 25 May 2009 02:21:38
25 May 2009 02:21:38 Lee Firth replied:
Is this a bug in this extension as no seems to be able to come up with a solution?
Replied 26 May 2009 22:27:18
26 May 2009 22:27:18 Teodor Kuduschiev replied:
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.
Replied 27 May 2009 00:46:35
27 May 2009 00:46:35 Lee Firth replied:
Ahhhh.. good old IE strikes again.

I look forward to your solution.
Replied 27 May 2009 10:51:26
27 May 2009 10:51:26 Miroslav Zografski replied:
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,
Replied 28 May 2009 05:19:43
28 May 2009 05:19:43 Lee Firth replied:
I added the style to the BorderlessWithClose.css file and also tried it in the head, but it didn't make any difference.
Replied 28 May 2009 11:53:06
28 May 2009 11:53:06 Miroslav Zografski replied:
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,
Replied 29 May 2009 00:31:08
29 May 2009 00:31:08 Lee Firth replied:
Hi Miroslav,


QuoteSorry ... 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.
Replied 29 May 2009 09:46:11
29 May 2009 09:46:11 Miroslav Zografski replied:
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,
Replied 22 Jun 2009 01:27:09
22 Jun 2009 01:27:09 Lee Firth replied:
QuoteHello 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?
Replied 30 Jul 2009 00:31:54
30 Jul 2009 00:31:54 Lee Firth replied:
Here we are three months on from when I originaly posted this problem and still no resolution. I am very disappoionted in this extension.
Replied 16 Oct 2009 13:36:33
16 Oct 2009 13:36:33 Nicolas K. replied:
I got the problem with only IE

If any one can help ? will be appreciat…


Nikko
Replied 17 Oct 2009 01:19:18
17 Oct 2009 01:19:18 Lee Firth replied:
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.
Replied 01 Oct 2010 14:42:26
01 Oct 2010 14:42:26 Greg Sloman replied:
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

Reply to this topic