Minimize window icon

[bendiesel]

Hi ! I wonder if it is normal that this reduction button (or minimize icon) of the Content slider appears alone and not in the frame like the rest of modules frame?



- is there a way to change these minimize icons indicated by red arrows? I search the folder containing these icons to try to replace them without success:



Thank you very much for help,,

[Wayne Luke]

The layout of the Content Slider is by design. It is envisioned that the module header is hidden for this module. Though you have the choice to show it.

The images are part of the SVG sprite. These are stored in the sprite_icons_general.svg template. You can see them in action by going to /special/css-examples on your site and scrolling down to the Sprite Controls. Click on any image and it will tell you what classes you can use to override the display of that image with your custom icon.

[bendiesel]

Hi Luke ! thank you for the first part, i just removed the content slider title,

for the second part, i just followed steps in /special/css-examples, but I failed to add icons,

i downloaded this svg icon as a test to replace collapse expand default icons:

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="b-icon__88" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="444.819px" height="444.819px" viewBox="0 0 444.819 444.819" style="enable-background:new 0 0 444.819 444.819;"
     xml:space="preserve">
<g>
    <path d="M434.252,114.203l-21.409-21.416c-7.419-7.04-16.084-10.561-25.975-10.561c-10.095,0-18.657,3.521-25.7,10.561
        L222.41,231.549L83.653,92.791c-7.042-7.04-15.606-10.561-25.697-10.561c-9.896,0-18.559,3.521-25.979,10.561l-21.128,21.416
        C3.615,121.436,0,130.099,0,140.188c0,10.277,3.619,18.842,10.848,25.693l185.864,185.865c6.855,7.23,15.416,10.848,25.697,10.848
        c10.088,0,18.75-3.617,25.977-10.848l185.865-185.865c7.043-7.044,10.567-15.608,10.567-25.693
        C444.819,130.287,441.295,121.629,434.252,114.203z"/>
</g>

</svg>

in the absence of an example to follow, i didn't know what/where to put in sprite_icons_general.svg ? and what/where to put in css_b_icon.css ?

in any case I really appreciate your help,,

[bendiesel]

after spending 2 days trying doing this, I give up.. unless little help will come

[Wayne Luke]

To replace an icon in the SVG template, you would search for its class (listed on /special/css-examples when you click on a specific icon) and once found, you would replace its SVG code with your own. Do not include this code:

 
 <?xml version="1.0" encoding="iso-8859-1"?> [I]<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->[/I] <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="b-icon__88" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"      width="444.819px" height="444.819px" viewBox="0 0 444.819 444.819" style="enable-background:new 0 0 444.819 444.819;"      xml:space="preserve">

Or the closing svg tag. Comparable tags will already exist in the template. You can also copy the template into an SVG file (text file with .svg extension) and edit it in any graphics editor.