Quantcast Allow resizing Create Post box - ESOUI
Thread Tools Display Modes
05/16/20, 10:59 PM   #1
Dolgubon
 
Dolgubon's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2016
Posts: 364
Allow resizing Create Post box

Would it be possible to add the ability to resize the box for making threads/posting comments etc.? If I'm writing a long post, comment/thread it can be annoying to have it only a third of the window and be unable to see most of what I'm writing
  Reply With Quote
05/17/20, 01:39 AM   #2
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,397
Which browser do you use? For me it is already resizeable, but that may just be a feature of Firefox.
__________________
https://www.imperialtradingcompany.eu/ - My Addons - The Vault (Early updates and experimental projects) - My patreon - My blog
>siri.exe MyAddon
Does your addon work? [y/n] n
There is a typo in there.
  Reply With Quote
05/17/20, 05:22 AM   #3
Baertram
 
Baertram's Avatar
AddOn Author - Click to view addons
Join Date: Mar 2014
Posts: 2,950
Chrome and the new MS edge (uses Chromium engine) also support this.
At the bottom right is a resize edge, left to the smileys.
Even works in the quick editor. Looks like all editboxes can be resized manually.

Just tested it on an Android: works as well with Chrome at least.

Last edited by Baertram : 05/17/20 at 05:25 AM.
  Reply With Quote
05/17/20, 05:54 AM   #4
Scootworks
 
Scootworks's Avatar
AddOn Author - Click to view addons
Join Date: Nov 2014
Posts: 289
are you using this editor?
__________________
EU Server - SŁĄuGhTerHĜuSe
  Reply With Quote
05/17/20, 08:33 AM   #5
Dolgubon
 
Dolgubon's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2016
Posts: 364
Yeah, I'm using that editor. I guess that one doesn't have the resize handle? BC I do know where the resize normally would be but have not seen it


Originally Posted by Scootworks View Post
are you using this editor?
  Reply With Quote
05/17/20, 11:21 AM   #6
Dolgubon
 
Dolgubon's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2016
Posts: 364
Ok so after experimenting a bit, if you click this button https://imgur.com/a/uqSIZp6 it toggles showing the resize handle. When you have it as WYSIWG then there's no resize handle, but when you switch editor mode it shows up.

No handle:
https://imgur.com/a/nCVnFwI
With handle:
https://imgur.com/a/tKMrJts
Resizing while the handle is visible then swapping back, the editor box will stay the same size.
  Reply With Quote
05/17/20, 11:38 AM   #7
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,397
Looks like the enhanced editor uses an iframe. Changing the css to the following allows to resize the table cell it is inside, which has the nice side effect that the text area automatically shares the same size when you toggle the editor mode.


Code:
/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

#vB_Editor_001_iframe {
  /* width: 740px; */
  /* height: 250px; */
  width: 100%;
  height: 100%;
}

/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

td.controlbar:nth-child(1) {
  display: block;
  resize: both;
  overflow: auto;
  padding: 4px;
}

/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

#vB_Editor_001_textarea {
  resize: none;
}
__________________
https://www.imperialtradingcompany.eu/ - My Addons - The Vault (Early updates and experimental projects) - My patreon - My blog
>siri.exe MyAddon
Does your addon work? [y/n] n
There is a typo in there.
  Reply With Quote
05/30/20, 11:36 AM   #8
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,397
I've added the following css rules to the esoui+ stylesheet:
Code:
td.vBulletin_editor .controlbar textarea,
td.vBulletin_editor .controlbar iframe {
    width: 100% !important;
    height: 100% !important;
}

td.vBulletin_editor .controlbar textarea {
    resize: none;
}

td.vBulletin_editor .controlbar iframe[style$=" 0px;"] {
    width: 0px !important;
    height: 0px !important;
}

td.vBulletin_editor td.controlbar:nth-child(1),
td.vBulletin_editor > div.controlbar:not([id]) > div:first-child {
    min-width: 300px;
    min-height: 150px;
    height: 250px;
    display: block;
    resize: both;
    overflow: hidden;
    padding: 4px;
}

td.vBulletin_editor td.controlbar:nth-child(1) {
    width: 1000px;
}
__________________
https://www.imperialtradingcompany.eu/ - My Addons - The Vault (Early updates and experimental projects) - My patreon - My blog
>siri.exe MyAddon
Does your addon work? [y/n] n
There is a typo in there.
  Reply With Quote

ESOUI » Site Forums » Site help, bugs, suggestions/questions » Allow resizing Create Post box

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off