Bootstrap Changes to Advanced Editor and Attachments Form

advanced, attachments, bootstrap, editor, form, forum development, modals, newreply.php, web programming

Thread Tools Search this Thread
# 1  
Old 12-05-2018
Bootstrap Changes to Advanced Editor and Attachments Form

I changed the CSS and Javascript in the "Advanced Editor" to clean it up. This is also the editor seen in "New Thread" and "New Reply". Basically I got rid of the mouseover style changes which were messed up due to vB legacy JS code from a decade ago.

While doing this change, I then completed the first phase toward changing the attachment form to a Bootstrap Modal, but did not complete the change because I need to get rid of all the table elements first (there are quite a few). However, I did manage to add some Bootstrap classes and cleaned this form up as well:


I don't want to spend too much time on this, because I plan to change this entire method of uploading attachments to the forums, but this does clean it up a bit.
# 2  
Old 12-05-2018
In addition, while I was at this "editor project".. I made a lot of Bootstrap-related changes to all editors (new thread, quick reply, advanced and edit post).

It's still not so great; but it is much better than it was (had not really updated these editors in around eight years, LOL)
This User Gave Thanks to Neo For This Post:
vgersh99 (12-05-2018)
# 3  
Old 12-05-2018
Looking good, Neo.
BTW, the AdvancedEditor is missing a Colors drop-down icon.
# 4  
Old 12-05-2018
Thanks! Will look into it!
# 5  
Old 12-05-2018
Yeah, that color picker works in the "Quick Reply Editor" but not the "Advanced Editor" ... the code is the same and there are no Javascript errors, so it is disabled until I get around to fixing it.

I have on idea why it works in one editor and not the other with the same code with no errors. Will have to put it on the TODO list.

Just use the Quick Editor when you need colors, or just add them by hand if you really need them [COLOR=red] blah blah [/COLOR]

<if condition="$show['color_bbcode'] AND FALSE">
      alt="Editor Icon"
      <table style="border-spacing:0;border:0">
            <div id="{$editorid}_color_out">
                  alt="Color Bar"
          <td class="alt_pickbutton">

This User Gave Thanks to Neo For This Post:
vgersh99 (12-05-2018)
# 6  
Old 12-07-2018
OBTW, I forgot to mention.....

The new formats for the attachments are drag and drop, so you can drag into each one of the attachment areas from your desktop and drop into the form.

I am working on the next phase of this to create a Bootstrap modal for uploading.

Looks like this and is close to working well enough to make it available. Soon, I will be an "expert" a Bootstrap modals, LOL

Bootstrap Changes to Advanced Editor and Attachments Form-screen-shot-2018-12-07-11-40-29-pm-png
This User Gave Thanks to Neo For This Post:
vgersh99 (12-07-2018)
# 7  
Old 12-08-2018
Have been working for a day on getting the "manage attachment" popup to work perfectly as a Bootstrap modal; but I cannot get it to work perfectly 100% as a modal, so I have modified the popup to look like a modal, but it is really just a page popup for now:


This works for "new reply" and "edit post" and "advanced editor" but does not work (yet) in the quick reply editor (QRE).

However, it is much better than before, not perfect as modal or working in QRE yet, but drag and drop from the desktop works well.

A bit bored with this for now; I will move on to another modal, perhaps the color picker or smilie picker, or maybe something else.

Have a great weekend!

Thread Tools Search this Thread
Search this Thread:
Advanced Search

More UNIX and Linux Forum Topics You Might Find Helpful
New Experimental Attachment Uploader / Manager in Advanced Editor Neo What is on Your Mind? 0 4 Weeks Ago 03:35 AM
Bootstrap Changes to Forum LIST BBCODE Tags Neo Web Programming 0 12-03-2018 12:12 PM
Revised Tooltips for Thread Views Using Bootstrap Neo What is on Your Mind? 0 09-03-2018 04:18 AM
New Tooltips for Thread Views Using Bootstrap Neo What is on Your Mind? 0 08-11-2018 03:55 PM
Scrollbars and Bootstrap Tables Neo What is on Your Mind? 0 07-17-2018 04:57 AM
Remove x lines form top and y lines form bottom using AWK? Jotne Shell Programming and Scripting 5 11-01-2012 08:02 AM
Transpose Data form Different form asavaliya Shell Programming and Scripting 2 10-18-2012 12:29 AM
How to fix bootstrap failure in unix V4.0D? akz UNIX for Advanced & Expert Users 2 12-17-2010 01:31 AM
set EDITOR=vi -> default editor not setting for cron tab aarora_98 Shell Programming and Scripting 6 09-13-2008 03:01 AM
Redirecting Bootstrap Jshwon Solaris 0 01-14-2008 06:17 PM
GCC bootstrap failure on AIX 5.3 Duggerdee AIX 2 10-18-2005 07:38 PM
Changing Unix form to Microsoft Word form to be able to email it to someone. Cheraunm UNIX for Advanced & Expert Users 8 05-24-2002 04:58 AM