FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.

Adding Fonts to the Editor: Change How They are Listed

View previous topic View next topic Go down

SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Wed Jul 09, 2014 1:24 pm

[You must be registered and logged in to see this link.]

I used the JavaScript posted by Ange Tuteur.  It worked perfectly.  I am wondering if there is a way to change how the fonts are listed in the drop-down menu.  I was hoping to have the fonts listed in columns.
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Thu Jul 10, 2014 11:06 pm

Something like this ?
[You must be registered and logged in to see this image.]
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Thu Jul 10, 2014 11:10 pm

Yes.  I would like to add many fonts, so I would like them to be listed in columns.
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Thu Jul 10, 2014 11:13 pm

Okay, I'll see what I can come up with. Might need to do some math so we can split them. Ooh I think we could also add a scroll bar to the popup too.
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Thu Jul 10, 2014 11:15 pm

Thanks for working on it.
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Thu Jul 10, 2014 11:20 pm

See how the scroll bar works :
* Add to the stylesheet
Code:
.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Thu Jul 10, 2014 11:25 pm

I have added it here.  It looks good, except the drop-down menu has a space between the button and the menu.
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Thu Jul 10, 2014 11:34 pm

Huuuh from what I'm seeing there's a top margin being added to the drop down. Is that new ? I don't recall seeing that, at least on phpbb3.

Add this to the CSS :
Code:
.sceditor-dropdown { margin-top:0 !important; }
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Thu Jul 10, 2014 11:40 pm

Thanks. It worked perfectly.


Last edited by SLGray on Thu Jul 10, 2014 11:44 pm; edited 1 time in total
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Thu Jul 10, 2014 11:42 pm

Nope on my forum(phpbb3) there is no top margin being added.
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Thu Jul 10, 2014 11:44 pm

Nevermind. I did not refresh the page. It works perfectly on both editors.
Dustin
Member
Reputation : 8
Points : 3694
Posts : 78
View user profile

PostDustin on Thu Jul 10, 2014 11:45 pm

It worked just fine. No spaces in the quick or full editor. Very Happy
SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Fri Jul 11, 2014 12:09 am

Thanks. Issue solved.

Topic Solved & Archived

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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