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: 956
Joined: Tue Jan 01, 2019 5:50 pm

Themeable button query

Post by alan_sh » Sat Sep 11, 2021 10:13 am

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: 24810
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo » Sat Sep 11, 2021 10:16 am

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: 956
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh » Sat Sep 11, 2021 12:08 pm

I've sent you an email as it's WB17

alan_sh
 
 
Posts: 956
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh » Sun Sep 12, 2021 9:32 am

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: 956
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh » Sun Sep 12, 2021 4:19 pm

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: 24810
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo » Sun Sep 12, 2021 5:08 pm

This is not a bug. This is standard HTML behavior.
What else did you expect to happen?

alan_sh
 
 
Posts: 956
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh » Sun Sep 12, 2021 5:17 pm

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: 24810
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Themeable button query

Post by Pablo » Sun Sep 12, 2021 5:33 pm

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: 956
Joined: Tue Jan 01, 2019 5:50 pm

Re: Themeable button query

Post by alan_sh » Sun Sep 12, 2021 7:19 pm

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