View Full Version : Hide and Show Textareafield border

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.

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


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.