ElkArte Community

Elk Development => Feature Discussion => Exterminated Features => Topic started by: Spuds on January 11, 2013, 07:42:01 pm

Title: Editor Button Layout
Post by: Spuds on January 11, 2013, 07:42:01 pm
Looking at some other editors and thinking about our button layout, not the style, but the order and grouping of the buttons.  I know this is rather unimportant but what the heck  :)

Today
Bold Italic Under Strike
Pre Left Center Right
Face Size Color
Flash Image Link Email Ftp
Glow Shade Move
Sup Sub Tt
Table Code Quote
Bullet List Hr
Remove Swap


As a thought:
Bold Italic Under Strike Sup Sub <- basic style items
Left Center Right Pre TT <- layout items
Face Size Color Remove <- advanced style
Bullet List Hr <- lists and stuff hr somewhere
Table <- maybe add tr and td
Code Quote <- boxes
Image Link Email Ftp Flash <- clicks
Shade Glow Move <- crap
Swap <- toggle

I added in my rough reasoning for the groups, and within the groups I tried to put the least used things at the end, so that if they are off the primary group things do not move (much).  Other thoughts?
Title: Re: Editor Button Layout
Post by: IchBin on January 12, 2013, 12:32:41 am
Your common sense makes no sense! ;)

Sounds good to me.  I like the add td/tr idea. Don't want too many buttons though.
Title: Re: Editor Button Layout
Post by: emanuele on January 12, 2013, 03:44:14 am
QFTW!
Title: Re: Editor Button Layout
Post by: Spuds on January 15, 2013, 10:01:33 pm
Done ... lets see if we like it any more or less or cant even tell it changed !

Oh left the crap in for the moment :P
Title: Re: Editor Button Layout
Post by: emanuele on January 16, 2013, 04:24:57 am
Editor related:

normalyellowbold-yellow

Code: [Select]
normal[color=#ffff00]yellow[b]bold-yellow[/b][/color]

doesn't work as expected because of:
Code: [Select]
strong { 
color: #444444;
font-weight: 700;
}
Title: Re: Editor Button Layout
Post by: Spuds on January 16, 2013, 10:05:52 am
Good catch ....

Not sure how important that color definition on strong is,  the comment says having bold slightly lighter balances its apparent darkness.  Anyway for the time being I added a bbc_strong class with a color: inherit; ... that should fix it.
Title: Re: Editor Button Layout
Post by: emanuele on January 16, 2013, 07:32:21 pm
Hard-refresh and...YAY!
Thanks! ;D
Title: Re: Editor Button Layout
Post by: ahrasis on January 17, 2013, 07:58:32 pm
Nice. But can we hide most of them (including emoticons/smileys)? I mean just display the most important one or it is necessary to immediately display all the buttons and smileys? In gmail, there is one button for emoticons/smileys. All the emoticons/smileys will only be displayed for selection only if the button is clicked. Is that way better or the current one where we show all the images in the Editor when it's opened? May be as an options for user or admin? Just a thought of not displaying all the images unless the user needs it.