Floating Layers not floating in wb14

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
jibbajoy
 
 
Posts: 6
Joined: Tue Jun 19, 2018 4:46 pm

Floating Layers not floating in wb14

Post by jibbajoy » Tue Jun 19, 2018 4:54 pm

Hi, I just upgraded from wb11 to wb14 and one issue I have noticed is the different behaviour of floating layers, which I use in one of my projects.

It looks like the margins markup is not being created in wb14. If I create the margin as a custom style [margin:90px 0px 0px 0px] then it works as it should, but I shouldn't have to do this!

User avatar
Pablo
 
Posts: 13570
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Floating Layers not floating in wb14

Post by Pablo » Tue Jun 19, 2018 5:12 pm

There are no know issues with margin.
What exactly did you do?

jibbajoy
 
 
Posts: 6
Joined: Tue Jun 19, 2018 4:46 pm

Re: Floating Layers not floating in wb14

Post by jibbajoy » Tue Jun 19, 2018 10:58 pm

Well as I understand it, a layer with mode 'floating layer' set gives you margin options to set.
In WB11 these margins settings appear in the style property of the layer but in WB14 they are not there.

HTML code generated

for WB11:
<div id="itinerary" style="position:relative;text-align:center;margin:90px 0px 0px 0px;width:410px;height:498px;float:left;display:block;" class="mobile_layer">

for WB14:
<div id="itinerary" style="position:relative;text-align:center;width:410px;height:498px;float:left;display:block;" class="mobile_layer">

The layer is displayed in the correct position in the WB wysiwyg editor

User avatar
Pablo
 
Posts: 13570
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Floating Layers not floating in wb14

Post by Pablo » Wed Jun 20, 2018 5:54 am

In WB14 margins are responsive, so they are no longer added as inline style. The margins are now in the style section of the page.

jibbajoy
 
 
Posts: 6
Joined: Tue Jun 19, 2018 4:46 pm

Re: Floating Layers not floating in wb14

Post by jibbajoy » Wed Jun 20, 2018 8:32 am

Thought that might be the case but it still doesn't generate the margin in the style sheet for me.

Here's a link to my URL https://www.seeboard3c.co.uk/mobile/float.html

The layer should be floating at 90 pixels down

Here's the CSS:

body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
.mobile_layer
{
text-decoration: none;
background-color: #FFDAB9;
border: 1px solid #000000;
}
#Shape1
{
border-width: 0;
}

User avatar
Pablo
 
Posts: 13570
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Floating Layers not floating in wb14

Post by Pablo » Wed Jun 20, 2018 9:02 am

Can you please share the project so I can see the rest of your settings?

jibbajoy
 
 
Posts: 6
Joined: Tue Jun 19, 2018 4:46 pm

Re: Floating Layers not floating in wb14

Post by jibbajoy » Wed Jun 20, 2018 11:33 am

I managed to get the layer to float as it should by setting the predifined style to 'none'. However this seems to indicate that I can't use any predefined styles for my floating layers.

Proof:

Create a new blank project;
Add an html page called float.html;
Add a layer object to this page of width = 500px and height = 500px;
Set it to be a 'floating layer' in properties with a top maring of 100px and a left marging of 100px;
Set the background colour to black;
Publish and view it.

Result should be a black sqaure floating 100px down and 100px to the right

Now in WB14 open the properties for the layer and under styles tab click on the Styles... button;
Add a new style called 'mylayer' ;
Make the background color to yellow and OK it to save;
Set the predefined style to 'mylayer' and OK it;
Publish and view it.

Result is a yellow square at the top left of screen - not floating

In the project options settings for HTML , I have not set any CSS style options.

User avatar
Pablo
 
Posts: 13570
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Floating Layers not floating in wb14

Post by Pablo » Wed Jun 20, 2018 11:56 am

When you use styles then this will disable/override inline styles. So, in that case the margin of the style will be used.
Otherwise you would not be able to use margins in styles.
This is behavior by design.

jibbajoy
 
 
Posts: 6
Joined: Tue Jun 19, 2018 4:46 pm

Re: Floating Layers not floating in wb14

Post by jibbajoy » Wed Jun 20, 2018 12:09 pm

OK, but for someone moving from a version that did allow this it has taken me a lot of time to find this out.

Interestingly though I have just found a workaround; by adding my own style sheet through an HTML object:
<style>
.mylayer
{
text-decoration: none;
background-color: #FFFF00 !important;
}
</style>

and by manually adding this as a class in the Layer's HTML code it works as before

User avatar
Pablo
 
Posts: 13570
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Floating Layers not floating in wb14

Post by Pablo » Wed Jun 20, 2018 12:51 pm

I'm sorry, but it was a 'bug' in previous versions. That is why it has been fixed in WB14.

Post Reply

Who is online

Users browsing this forum: No registered users and 11 guests