Changing the Toggler icon

This forum is for all Flare related Tips and Tricks.
Have a tip or trick you use while working in Flare? Share it here.

Changing the Toggler icon

Postby yonatanlehman on Thu May 07, 2020 5:41 am

How do I change the open and close icons used for the toggler?
My UX people want the triangle without the border...
Thanks
yonatanlehman
Propeller Head
 
Posts: 46
Joined: Mon Sep 18, 2017 6:14 am

Re: Changing the Toggler icon

Postby yonatanlehman on Thu May 07, 2020 6:15 am

OK found it
1) Found the original icons in the output under Skins\Default\Stylesheets\Images
the are called DropDownOpen.gif and DropDownClosed.gif
2) Edit the images (I use SnagIt) to get rid of the borders (yes they are part of the image)
3) Copied the images to my Resources/images folder
3) Edit the main CSS file and set the properties mc-open-image and mc-closed-image to point to these files
or just use a text editor and add the css
MadCap|toggler
{
mc-closed-image: url('../Images/DropDownClosed.png');
mc-open-image: url('../Images/DropDownOpen.png');
}
yonatanlehman
Propeller Head
 
Posts: 46
Joined: Mon Sep 18, 2017 6:14 am


Return to Tips and Tricks

Who is online

Users browsing this forum: No registered users and 2 guests