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.

I want to show the way spacers between the buttons sceditor

2 posters

Go down

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
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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 
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum