Bootstrap Changes to Advanced Editor and Attachments Form

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

Login to Reply

 
Thread Tools Search this Thread
# 1  
Old 1 Week Ago
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:

Image

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 1 Week Ago
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 (1 Week Ago)
# 3  
Old 1 Week Ago
Looking good, Neo.
BTW, the AdvancedEditor is missing a Colors drop-down icon.
# 4  
Old 1 Week Ago
Thanks! Will look into it!
# 5  
Old 1 Week Ago
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]

Code:
<if condition="$show['color_bbcode'] AND FALSE">
  <td>
    <img
      src="$stylevar[imgdir_editor]/separator.gif"
      width="6"
      height="20"
      alt="Editor Icon"
    />
  </td>
  <td>
    <div
      class="imagebutton"
      id="{$editorid}_popup_forecolor"
      title="$vbphrase[colors]"
    >
      <table style="border-spacing:0;border:0">
        <tr>
          <td>
            <div id="{$editorid}_color_out">
              <span
                ><img
                  src="$vboptions[cleargifurl]"
                  id="{$editorid}_color_bar"
                  alt="Color Bar"
                  style="background-color:black"
                  width="21"
                  height="16"
              /></span>
            </div>
          </td>
          <td class="alt_pickbutton">
            <img
              src="$stylevar[imgdir_editor]/menupop.gif"
              alt="Menu"
              width="11"
              height="16"
            />
          </td>
        </tr>
      </table>
    </div>
  </td>
</if>

This User Gave Thanks to Neo For This Post:
vgersh99 (1 Week Ago)
# 6  
Old 1 Week Ago
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 (1 Week Ago)
# 7  
Old 1 Week Ago
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:

Image

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!
Login to Reply

|
Thread Tools Search this Thread
Search this Thread:
Advanced Search

Similar Threads More UNIX and Linux Forum Topics You Might Find Helpful
Thread Thread Starter Forum Replies Last Post
Bootstrap Changes to Forum LIST BBCODE Tags Neo Web Programming 0 1 Week Ago 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
Man Page Repositories - Added jQuery and Bootstrap Neo What is on Your Mind? 0 07-24-2018 05:42 AM
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
All times are GMT -4. The time now is 11:39 AM.

Unix & Linux Forums Content Copyright 1993-2018. All Rights Reserved.