Announcement

Collapse
No announcement yet.

Minimize window icon

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • bendiesel
    started a topic Minimize window icon

    Minimize window icon

    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?

    Cliquez sur l'image pour la voir en taille réelleÂ*  Nom : 		pic1.pngÂ* Affichages :	1Â* Taille :		1,2 KoÂ* ID : 			4404396

    - 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:

    Cliquez sur l'image pour la voir en taille réelleÂ*  Nom : 		pic2.pngÂ* Affichages :	1Â* Taille :		1,8 KoÂ* ID : 			4404397

    Thank you very much for help,,
    Last edited by bendiesel; Sat 15th Dec '18, 7:04am.

  • Wayne Luke
    replied
    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:

    Code:
     
     <?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">
    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.

    Leave a comment:


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

    Leave a comment:


  • bendiesel
    replied
    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:

    HTML Code:
    <?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,,

    Leave a comment:


  • Wayne Luke
    replied
    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.

    Leave a comment:

Related Topics

Collapse

Working...
X