Resizing Inline Edit box

[Edrondol]

Is there a way to do this? I have some users who think it's too small.

 

[Paul B]

Open the post_edit_inline template.

Find this line:

<form action="{xen:link 'posts/save-inline', $post}" method="post" class="section AutoValidator InlineMessageEditor NoAutoHeader">

Edit it to add a width attribute:

<form action="{xen:link 'posts/save-inline', $post}" method="post" class="section AutoValidator InlineMessageEditor NoAutoHeader" style="width: 800px">

Change 800px to your desired width.

That's not ideal though as it's no longer centred.
I suspect it's hard coded in the .js.

 

[Edrondol]

Can it be set to a percentage? Like a fluid style?

 

[Shelley]

Can it be set to a percentage? Like a fluid style?

It can but you have to set the percentage over 100% which wouldn't guarantee at lower resolutions that you would get less than desirable effects. I tried mine at 120% though it seems that setting it to 100% leaves it at the default size.

Unless there's another way of getting it to expand without the risk of it causing side scrolling.

 

[Edrondol]

Got that. Now how's about taller?

 

[Paul B]

Just add a height property to the inline styling:

style="width: 800px; height: 600px"

 

[Edrondol]

....


Sonofa...


There's no reason why I didn't think of that.

 

[Lu Kas]

try this http://jqueryui.com/demos/resizable/

 

[Peggy]

....


Sonofa...


There's no reason why I didn't think of that.

suuuuuuure there is........

 

[Edrondol]

try this http://jqueryui.com/demos/resizable/

Is this something we can put in our XF edit box? That would be great!