Design and CSS styles
Version 7.x > Design and CSS styles > Editable area text box size View modes: 
User avatar
Member
Member
Jon White - 5/22/2013 5:03:51 AM
   
Editable area text box size
Hi all,

I'm new to Kentico and working on a test dev site.

How do i alter the size of the editable text region to default? I think something may have happened that has caused all my editable area text boxes to be rather large (200px in height).

Even if they have just one line of text the box height is 200px with a big space.

I want the editable areas to expand when i type.

I understand this may be a CSS conflict on my part, but i don't know what the 'class' is to fix it.

Is anyone able to help with this?

Thank you in advance

User avatar
Member
Member
Jon White - 5/22/2013 5:06:20 AM
   
RE:Editable area text box size
I should add that this is in the 'editor'.

On the live site the boxes are the right size.

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 5/22/2013 7:47:45 AM
   
RE:Editable area text box size
If you go to design view and configure the web part, in the Design section you can set the height and width of the textarea. I don't belive you can get it to expand as you type but it will display scroll bars if the content is larger than the displayed area. This should be a quick and easy fix for you.

User avatar
Member
Member
Jon White - 5/22/2013 8:01:34 AM
   
RE:Editable area text box size
Thanks for your reply.

I wandered if i can get a default setting so that every time i insert an editable text area it's say.. 40px high (then grows/scrolls).

I have been able to edit the global CSS so maybe this is the way of doing it.

I just don't remember the editable text areas being this large when i first used Kentico

User avatar
Kentico Support
Kentico Support
kentico_filipl - 5/22/2013 10:45:54 AM
   
RE:Editable area text box size
Hello Jon,

You can set the default width and height of Editable text web part in Site Manager -> Development -> Web parts -> Text & Images -> Editable text -> Properties -> DialogWidth/DialogHeight -> Default value [px].

However, as FroggEye correctly wrote, it is not possible to keep expanding the box as you type.

Best regards,
Filip Ligac

User avatar
Member
Member
Jon White - 5/24/2013 5:59:48 AM
   
RE:Editable area text box size
Thank you for this, very helpful

User avatar
Member
Member
annaharris170-gmail - 5/29/2013 7:55:11 AM
   
RE:Editable area text box size
FroggEye is absolutely right, as you type within the text area and the content is large enough then the box is not going to expand but there will be scroll bars displayed on the right side of the box.