New CODE and ICODE Editor Button Icons


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? New CODE and ICODE Editor Button Icons
# 1  
Old 12-15-2018
New CODE and ICODE Editor Button Icons

As promised, I have changed the CODE tag icon and the ICODE tag icon in our WYSIWYG editors to use Font Awesome.
  • CODE Tag = fa-code
  • ICODE Tag = fa-terminal

Image

The reason for this change is to continue our move toward Font Awesome for icons and Bootstrap for CSS, in general.

Also, this solves some issues we were having with Bootstrap tooltips not working properly for these icons.

Cheers

PS: Still looking for suitable FA icons to replace "move margin left" and "move margin right" but nothing useable has jumped out so far. Also, will replace the "make the editor bigger and smaller errors on the right with FA arrows at some point in time....
These 2 Users Gave Thanks to Neo For This Post:
# 2  
Old 12-15-2018
Update: Found FA icons for indent:
  • Indent fa-indent
  • Outdent fa-outdent

Ref:

Not sure how I missed 'em... maybe they are new in the FA release 5? Or maybe I missed 'em earlier.

So when I get a chance, I'll update indent and outdent in the editors as well.
# 3  
Old 12-15-2018
Update:

Just made the switch to FA for the indent, outdent, increase-size and decrease size icons. This completes the FA switch for these editor icons, except for the smiley picker.

Image

Next, I think I will work on using Bootstrap Carousel classes for the attachments in posts.

Carousel . Bootstrap

and perhaps (50/50) using Bootstrap classes for pagenav classes:

Pagination . Bootstrap
# 4  
Old 12-16-2018
OK... Bootstrap Update.

Have tested Bootstrap carousel for post attachments and Bootstrap does not work as good as our current attachment code using Swiper

Swiper - Most Modern Mobile Touch Slider

So, will not transition our attachment code in posts to Bootstrap from Swiper.

Bootstrap Carousel seems great if we had some big banner of slides at the top of a page with a bunch of images in carousel, which we don't have or need.

However, I may consider Bootstrap Carousel for the albums, but at this times, seems not necessary.
# 5  
Old 12-16-2018
Update: I don't think I will transition the pagnav HTML templates to Bootstrap at this time. The $pagnav looks fine the way they are and there are bigger fish to fry.

However, I may address the long standing issue of having man page repositories which are huge single pages; and I may use Bootstrap when or if I decide to rewrite the man page repos to use page nav so the pages will not be huge single page listings of thousands of links to man pages.
Login or Register to Ask a Question

Previous Thread | Next Thread

5 More Discussions You Might Find Interesting

1. Web Development

New Font Awesome Icons in Quick Reply Editor

Working on the Quick Reply Editor, I have replaced a number of icons (see image below) with Font Awesome Icons. Was planning to replace all of them, but for some reason, replacing a few of them causes the script / template to break (which is odd) so I left them for now. ... (6 Replies)
Discussion started by: Neo
6 Replies

2. What is on Your Mind?

New jQuery to view Post Icons in Editor

I was reformatting the "advanced" WYSIWYG editor with bootstrap css and while there made the post icons to be invisible by default; so if you click on the text below the editor: Post Icons - Click to view the full list of message icons to add to your post: ... (0 Replies)
Discussion started by: Neo
0 Replies

3. Post Here to Contact Site Administrators and Moderators

Alternative button for code tags

I am aware of the many issues surrounding posters not using code tags around code or data. Could we somewhat alleviate this issue by having a better icon that shows more clearly its function? (37 Replies)
Discussion started by: figaro
37 Replies

4. UNIX for Dummies Questions & Answers

Changing middle mouse button for pasting to right mouse button in cygwin rxvt

Hi, I'm using rxvt in Cygwin and I'm wondering how to change my mouse bindings from the middle button for pasting to the right button. The main reason why I want to do this is because my laptop doesn't have a middle mouse button. Thanks for any help! (2 Replies)
Discussion started by: sayeo
2 Replies

5. UNIX for Dummies Questions & Answers

Script for using the Back button and the Close button

Here's a question I have for anyone that might be able to help me: I can write a html script that will allow the user to return to the previous page using the back button, and I can write a script that will allow the user to return to the previous page using the close button, but...is there a... (1 Reply)
Discussion started by: mdgibson
1 Replies
Login or Register to Ask a Question