PDA

View Full Version : Hide and Show Textareafield border



UbuntuPenguin
18 Jul 2012, 5:48 PM
Hello Everyone,
I have a Textareafield and I would like to show its border AND shadow while it is editable and hide it while it isn't. What is the best practices way of doing this. I have thought of using CSS, but I have absolutely no idea of how to use dynamic(?) css and there doesn't appear to be a border transparency option on the Textareafield class.

Any help is greatly appreciated.

scottmartin
18 Jul 2012, 8:57 PM
You could set the focusCls (and overCls) for when active and cls when not?

Scott.

UbuntuPenguin
23 Jul 2012, 6:14 PM
After many hours and even more curse words, turns out I needed to use the 'readOnlyCls' property of the textareafield. My css looks like something like this.

.instructions-read-only .x-form-item-body textarea
{
border-top-style : hidden !important;
border-bottom-style : hidden !important;
border-left-style: hidden !important;
border-right-style: hidden !important;


background-image: none !important;
}

Thanks for the help and leading me down the path of looking for the various state csss.