Show Insert Thumbnail/Full image buttons directly after upload

[kolakube]

Right now after you upload an attachment you have to click Insert... to show the Thumbnail/Full image:



It would save clicks if it directly showed the Thumbnail and Full image buttons (or some other variation) instead:



Concept:

 

[kolakube]

If anybody is interested I found a simple way to make the concept above possible with just CSS and one Phrase change. I have only tested on standard forums and inserting images only but this is already saving me loads of time on my forums!

Step 1: add to extra.less:

/* SHOW INSERT ATTACHMENTS INLINE */

.file {
    height: 170px;
    width: 170px;
}
.file-insertLink { display: none; }
.file-menuOptions { display: block; }
.file-menuOptions > a {
    display: inline-block;
    margin-top: 4px;
    padding: 4px;
}
.file-menuOptions .js-attachmentAction:before { content: '+ '; }

Step 2: To make both controls fit I recommend you change the Phrase full_image to just "Full".

 

[Digital Doctor]

I think most people want the full image inserted and that should be the default.

 

[Digital Doctor]

On iOS chrome the very tiny dividing line between the attachment area and the text area is confusing.

 

[Ozzy47]

If anybody is interested I found a simple way to make the concept above possible with just CSS and one Phrase change. I have only tested on standard forums and inserting images only but this is already saving me loads of time on my forums!

Step 1: add to extra.less:

/* SHOW INSERT ATTACHMENTS INLINE */

.file {
    height: 170px;
    width: 170px;
}
.file-insertLink { display: none; }
.file-menuOptions { display: block; }
.file-menuOptions > a {
    display: inline-block;
    margin-top: 4px;
    padding: 4px;
}
.file-menuOptions .js-attachmentAction:before { content: '+ '; }

Step 2: To make both controls fit I recommend you change the Phrase full_image to just "Full".

View attachment 237475

Packaged into an addon,

[OzzModz] Insert Image Enhancement

Simple addon that exposes the insert full image and thumbnail buttons by default, Normally you would have to hover over the attached image and click insert to expose the buttons. There is an option for the addon to show the full image button...

xenforo.com

 

[🔥Iggy🔥]

anyone with a version of this that works on ui.x2 xf2.3?

i noticed it broke mov file insert button...forces download...

@willl