The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

I want to show the way spacers between the buttons sceditor

View previous topic View next topic Go down

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

Post by coolkool on Fri Sep 18, 2015 10:59 pm

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


coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

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

Post by Ange Tuteur on Fri Sep 18, 2015 11:02 pm

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
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://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 on Fri Sep 18, 2015 11:20 pm

@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

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

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

Post by Ange Tuteur on Sat Sep 19, 2015 10: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
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://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 on Sat Sep 19, 2015 10:36 am

Thanks but I found the code in the :
Help.ahlamontada.com

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

View previous topic View next topic Back to top


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