Page 1 of 1

Drop List Icons

Posted: Wed May 01, 2024 12:43 pm
by zinc
Pablo;

How do I add icons to Drop List - I have assigned icons to it but they do not show up

I have attached a sample

https://craftedby.today/forum/dl.wbs

Z

Re: Drop List Icons

Posted: Wed May 01, 2024 12:59 pm
by Pablo
Your project seems to work correct.
What do I need to do to see the problem?

Re: Drop List Icons

Posted: Wed May 01, 2024 1:12 pm
by zinc
I cannot see the icons when the menu is dropped

Re: Drop List Icons

Posted: Wed May 01, 2024 2:03 pm
by brimanHTML
The flags?
I can see them previewing in chrome and Edge

Re: Drop List Icons

Posted: Wed May 01, 2024 2:17 pm
by Pablo
I can also see the flags.

Re: Drop List Icons

Posted: Wed May 01, 2024 3:06 pm
by zinc
Strange! This is what I see

Image

Re: Drop List Icons

Posted: Wed May 01, 2024 3:22 pm
by brimanHTML
what I see:

Image

Re: Drop List Icons

Posted: Wed May 01, 2024 3:24 pm
by zinc
Thank you - Strange!

I hope Pablo has an explanation for this.

Re: Drop List Icons

Posted: Wed May 01, 2024 3:25 pm
by Pablo
Are there any errors in the console of the browser?

Re: Drop List Icons

Posted: Wed May 01, 2024 3:28 pm
by jerryco
Stupid suggestion but could it be an ad blocker?

Re: Drop List Icons

Posted: Wed May 01, 2024 3:29 pm
by zinc
Pablo wrote: Wed May 01, 2024 3:25 pm Are there any errors in the console of the browser?
None

Re: Drop List Icons

Posted: Wed May 01, 2024 3:29 pm
by zinc
jerryco wrote: Wed May 01, 2024 3:28 pm Stupid suggestion but could it be an ad blocker?
No - In any case I don't have any

Re: Drop List Icons

Posted: Wed May 01, 2024 3:59 pm
by jerryco
Did you try an alternative browser?

Re: Drop List Icons

Posted: Wed May 01, 2024 4:38 pm
by zinc
jerryco wrote: Wed May 01, 2024 3:59 pm Did you try an alternative browser?
I have tried it on Edge & Chrome and for me both the same result.

Re: Drop List Icons

Posted: Wed May 01, 2024 4:48 pm
by BaconFries
Just a stab in the dark what type of image format are you using and what version of Windows?

Re: Drop List Icons

Posted: Wed May 01, 2024 4:52 pm
by zinc
BaconFries wrote: Wed May 01, 2024 4:48 pm Just a stab in the dark what type of image format are you using and what version of Windows?
I am using Windows 10 & 11 and they part of fontawesome that is built in it

Re: Drop List Icons

Posted: Wed May 01, 2024 4:57 pm
by BaconFries
OK just for the sake of testing can you try adding the flag icons to the page directly to see if they are visible in the browser(s)

Re: Drop List Icons

Posted: Wed May 01, 2024 6:01 pm
by zinc
BaconFries wrote: Wed May 01, 2024 4:57 pm OK just for the sake of testing can you try adding the flag icons to the page directly to see if they are visible in the browser(s)
BF - if I insert an icon lets say flat - it is visible in design-time and runtime (If that's what you are asking)

Re: Drop List Icons

Posted: Wed May 01, 2024 6:12 pm
by BaconFries
Yes that what I was asking..but it doesn't display in the dropdown for you so something is not allowing them to show.

Re: Drop List Icons

Posted: Wed May 01, 2024 6:14 pm
by zinc
BaconFries wrote: Wed May 01, 2024 6:12 pm Yes that what I was asking..but it doesn't display in the dropdown for you so something is not allowing them to show.
BF - I have put the link for the sample in the thread - If you can, have a look it please

Re: Drop List Icons

Posted: Wed May 01, 2024 7:34 pm
by Pablo
Do you have a live link so I can see if it the published page works for me?

Re: Drop List Icons

Posted: Wed May 01, 2024 8:06 pm
by zinc
Pablo wrote: Wed May 01, 2024 7:34 pm Do you have a live link so I can see if it the published page works for me?
Here you go

https://shorturl.at/pyFJ7

Re: Drop List Icons

Posted: Wed May 01, 2024 10:38 pm
by BaconFries
Got it! but when viewing live at the url they are missing, also I am getting a Aw, Snap! and pages closes.

Re: Drop List Icons

Posted: Wed May 01, 2024 11:58 pm
by crispy68
I downloaded the project. When previewed and when published, the flags show for me. I don't see any issues.

Your demo is certainly missing the iconfont and the there is no html code on the page either for them. Also, I don't even see an CSS in the CSS files regarding font awesome. Maybe try closing WB, reloading the project and preview/publish it? Check all your settings.

Re: Drop List Icons

Posted: Thu May 02, 2024 6:08 am
by Pablo
You have an old version of "wb.droplist.min.js"
Please reinstall the software, so all your files are up-to-date.

Re: Drop List Icons

Posted: Thu May 02, 2024 5:16 pm
by zinc
Thank you ALL - Yes the re-installation has worked :)