I want to show the way spacers between the buttons sceditor Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    I want to show the way spacers between the buttons sceditor

    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°1

    In progress I want to show the way spacers between the buttons sceditor

    Post by coolkool September 18th 2015, 11:59 pm

    hi :
    I want to show the way spacers between the buttons sceditor
    like that : https://i.imgur.com/JiH8uz0.png
    I want to show the way spacers between the buttons sceditor JiH8uz0
    in my form : https://i.imgur.com/tm0gx2V.png
    I want to show the way spacers between the buttons sceditor Tm0gx2V
    As you can see spacers between the buttons hidden
    I want to show them like this: https://i.imgur.com/JiH8uz0.png

    I want to show the way spacers between the buttons sceditor JiH8uz0
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°2

    In progress Re: I want to show the way spacers between the buttons sceditor

    Post by Ange Tuteur September 19th 2015, 12:02 am

    Hi @coolkool,

    Add the following CSS to your stylesheet :
    Code:
    div.sceditor-group {
      background:#FFF !important;
      border:1px solid #DDD !important;
      padding:0 !important;
      overflow:hidden;
    }

    sceditor-button {
      background:#FFF !important;
      border-radius:0 !important;
      border-right:1px solid #DDD;
    }

    div.sceditor-group > .sceditor-button:last-child { border:none }

    That should add the bar you want as well as change the button color.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°3

    In progress Re: I want to show the way spacers between the buttons sceditor

    Post by coolkool September 19th 2015, 12:20 am

    Ange Tuteur wrote:Hi @coolkool,

    Add the following CSS to your stylesheet :
    Code:
    div.sceditor-group {
      background:#FFF !important;
      border:1px solid #DDD !important;
      padding:0 !important;
      overflow:hidden;
    }

    sceditor-button {
      background:#FFF !important;
      border-radius:0 !important;
      border-right:1px solid #DDD;
    }

    div.sceditor-group > .sceditor-button:last-child { border:none }

    That should add the bar you want as well as change the button color.

    Thank you my brother, but there is something which is minus spacers
    like that : B | I | U | S
    I want to show the way spacers between the buttons sceditor D8hKKvk
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°4

    In progress Re: I want to show the way spacers between the buttons sceditor

    Post by Ange Tuteur September 19th 2015, 11:13 am

    The buttons being in different groups ? If that's the case I'd recommend creating a script where you redefine the placement of your buttons so that you can place them in separate groups.

    See the information on the toolbar here : http://www.sceditor.com/documentation/options/

    Then you can use the script below to add / remove the buttons you want :
    Code:
    $(function() {
      if (toolbar) toolbar = "bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,link,youtube,dailymotion,flash|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|date,time,pastetext,source"
    });
    Note : If you have any scripts which modify the toolbar I'd recommend editing them to remove that modification.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°5

    In progress Re: I want to show the way spacers between the buttons sceditor

    Post by coolkool September 19th 2015, 11:36 am

    Thanks but I found the code in the : 
    Help.ahlamontada.com 
    • Back to top