Themeable button query

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Themeable button query

Post by alan_sh »

I'm using a Themeable button with an icon to link to another page - because it looks nice.

However, when I reduce the page width, there is a point at which the icon starts to overwrite the text (name of the button). Is there any way round this? If not, can I request a feature where the icon disappears below a certain width?

Cheers

Alan
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo »

I am not aware of any issues with the Themeable button.
But if you think you have found a problem, then please share a demo project so I can see all your settings.
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh »

I've sent you an email as it's WB17
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh »

I fixed it by changing the underlying layer grid from 2-8-2 to 3-6-3. The buttons were in the two outer parts and it looks like they didn't have enough room to adjust properly.
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh »

Pablo, is this a bug or intended behaviour? If the layout grid is 3-6-3 with the buttons in the outside grids, it works OK when I reduce the size. If I change it to 2-8-2, then as I reduce it, the icon starts to overlay the text in each button.

Alan
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo »

This is not a bug. This is standard HTML behavior.
What else did you expect to happen?
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh »

I expect that the behaviour of the button (text and icon) to be the same as the window gets reduced in width, no matter what the underlying grid size is.

Alan
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo »

The grid size determines the size of the button in percentages, the browser controls the size of the element relative to the size on the browset window.
Note that I did not implement this logic. This functionality is implemented in the browser.
If you use flexbox than the logic is slightly different. Flexbox uses different calculations to determine the size based on the of element and content.

If you think there is a problem in WWB then please try to be more specific. Because unless I misunderstood you, for me this behavior is logical.
alan_sh
 
 
Posts: 1680
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh »

I don't know where the problem lies. I will do more experimentation.

This is not a big issue. I have fixed it for my new site.

Thanks for listening

Alan
Post Reply