Page 1 of 1

Make a language selector

Posted: Thu Oct 26, 2023 2:47 pm
by Bluesman
Hi WWBrs. Have done some "language selectors" before... but with only text for each language in a dropdown menu or images with country flags. Now I shall make one dropdown with both flag image and language name. I have looked through the options of menus and navigation but can not find any with both image and text option for each link in dropdown. Someone know if I'm missing something or if there is an extension for this?

Grateful for suggestions 🙏

Re: Make a language selector

Posted: Thu Oct 26, 2023 3:14 pm
by Pablo

Re: Make a language selector

Posted: Thu Oct 26, 2023 3:30 pm
by Bluesman
Pablo wrote: Thu Oct 26, 2023 3:14 pm Do you mean this?
https://wysiwygwebbuilder.com/support/wb18tryouts/wb18_droplist.html

Image
Hi Pablo... tnx for rapid answer. Yes I was trying the "Droplist" but I can not figure out how to make the first option that is visible from start shall be one of the languages including the flag. As it is you must have a header for ex "Languages" and when you click or hover the alternatives drops down. My customer wants that the language on the page is showing directly with the flag and the others appear (drops down) when hover.
Is this possible

Re: Make a language selector

Posted: Thu Oct 26, 2023 3:37 pm
by Pablo
I do not have a standard solutions for this. The droplist only supports images for the drop down menu.

Re: Make a language selector

Posted: Thu Oct 26, 2023 4:22 pm
by Bluesman
Pablo wrote: Thu Oct 26, 2023 3:37 pm I do not have a standard solutions for this. The droplist only supports images for the drop down menu.
Ok... tnx Pablo, I will check if I can make a workarround... or if somebody else have a suggestion :D

UPDATE: Working with the "Slide Menu" tool. Seams to do what I want... some twirking... Will update here when I'm satisfied :D

Re: Make a language selector

Posted: Thu Oct 26, 2023 9:01 pm
by Bluesman
UPDATE: Using the "Slide Menu" I'm pretty close to what I want. Two issues left,
1: When the dropdown menu expands it puches down the header Layout Grid. How to prevent this behaviour?
2: When hovering over it takes a little to long before the menu slides down... is it possible to speed up some?

See testsite: https://www.klipparservice.se/test/index.php

Saludos

Re: Make a language selector

Posted: Fri Oct 27, 2023 6:07 am
by Pablo
1: When the dropdown menu expands it puches down the header Layout Grid. How to prevent this behaviour?
The layout grid adapts its height based on the content, so if the menu becomes taller then the grid height also increases. This is normal behavior.
I am not sure if in this case, you can prevent this because then the menu would be clipped.
2: When hovering over it takes a little to long before the menu slides down... is it possible to speed up some?
Set 'animation' to 'none'

Re: Make a language selector

Posted: Fri Oct 27, 2023 6:20 am
by Bluesman
Pablo wrote: Fri Oct 27, 2023 6:07 am
1: When the dropdown menu expands it puches down the header Layout Grid. How to prevent this behaviour?
The layout grid adapts its height based on the content, so if the menu becomes taller then the grid height also increases. This is normal behavior.
I am not sure if in this case, you can prevent this because then the menu would be clipped.
2: When hovering over it takes a little to long before the menu slides down... is it possible to speed up some?
Set 'animation' to 'none'
Ok... tnx, it will do for now :D
Thanks for your hard work. Looking forward to 19 :D

Re: Make a language selector

Posted: Fri Oct 27, 2023 2:04 pm
by Bluesman
Update:
Placed the "Slide Menu" in a nested Layout Grid, that prevented from expanding the header :D
All well now
Have a nice weekend

Re: Make a language selector

Posted: Fri Oct 27, 2023 2:48 pm
by miguelss
Amazing!
It looks great!
👍 GOOD JOB!!

Re: Make a language selector

Posted: Fri Oct 27, 2023 3:04 pm
by Bluesman
miguelss wrote: Fri Oct 27, 2023 2:48 pm Amazing!
It looks great!
👍 GOOD JOB!!
Tnx miguelss
"Never give up" :D