nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

in-context TextArea Size

interDev

Is there a way to change the Width and height of in-context Textarea box for DCR based components?

If cols and rows are increased for Textarea in DCT, the size increase is reflected whenever opens up DCR through the component. But if user does in-context Editing for the same field, the textarea opens up with default size and the increased size is not reflected there.

Is there a way to change the height and width of in-context Editing box as well?

TIA

Find more posts tagged with

Comments

Rick Poulin

Probably, but not on a field-by-field basis. You could modify one of the custom.css files in the UITK (I don't recall which one applies to SitePub) to set a fixed width on TinyMCE editor windows, but it'll use that (new) size everywhere regardless of context.

interDev

Probably, but not on a field-by-field basis. You could modify one of the custom.css files in the UITK (I don't recall which one applies to SitePub) to set a fixed width on TinyMCE editor windows, but it'll use that (new) size everywhere regardless of context.

Thanks. default size will work for me but i am not able to track down the CSS file you are talking about. Do you know which custom.css it is using?
Also are you sure it can be controlled through CSS and not through any other options?

Rick Poulin

I was assuming you'd already tried the other options, which would be to set a "rows" attribute on your textarea in the DCT.

The CSS way, you can put a rule in web/formspub/styles/custom.css such as the following (in the UITK, then make_toolkit), though you might have to make it more targeted to prevent it from also applying in the FormsPub DCR edit mode.

textarea.iw-formspub-textbox-active { height: 200px; }

interDev

I was assuming you'd already tried the other options, which would be to set a "rows" attribute on your textarea in the DCT.

The CSS way, you can put a rule in web/formspub/styles/custom.css such as the following (in the UITK, then make_toolkit), though you might have to make it more targeted to prevent it from also applying in the FormsPub DCR edit mode.
textarea.iw-formspub-textbox-active { height: 200px; }

OK Just tried this example and did run make_toolkit but no change in the size of textarea (in all the modes). Any other ideas?

Rick Poulin

That worked fine for me in TS 7.2.1. What version are you working with?

interDev

That worked fine for me in TS 7.2.1. What version are you working with?

i must be doing something wrong then, because i am working on the same version(7.2.1).

I added the code given by you to the file Interwoven\TeamSite\local\config\lib\content_center\customer_src\web\formspub\styles\custom.css and then did the make_toolkit and even did the "iwreset -a" but still i get the default Textarea size for in-context box and in DCT as well. I have attached the screenshot of in-context box as well (after i made the change).

any pointers?

Rick Poulin

Right, so you hadn't mentioned TinyMCE Smiley Surprised

You can change the size of a *plain* textarea, but I've yet to find a way to change that of a TinyMCE textarea. The reason is that it uses an iFrame with a fixed height (set as an inline style on various tags). There's a setting in one of the resource-config.xml files for the height and I've tried changing it to no avail (not that I've tried very hard so far). Look up the process for customizing TinyMCE for SitePub in the SPDev guide and you'll no doubt come across the same 'height' parameter I'm talking about, which is set to 100px by default. Perhaps you'll have better luck than I with changing that.

shameem

Was there any solution by anyone on this topic.

Change the default height of the tinymce on SP.

Migrateduser

Was there any solution by anyone on this topic.

Change the default height of the tinymce on SP.

To resolve this problem, we tried a javascript custom method and it works fine. We call this method on form initialization.

HTH

Rick Poulin

My previous answer is now a year and a half old.. I can say for sure that <prop key="height">480</prop> within bean id="customer.livesite.ContentProperties.TinyMCE" works as expected (in customer-teamsite-resource-config.xml), at least as of TS 7.2.0.

Migrateduser

My previous answer is now a year and a half old.. I can say for sure that <prop key="height">480</prop> within bean id="customer.livesite.ContentProperties.TinyMCE" works as expected (in customer-teamsite-resource-config.xml), at least as of TS 7.2.0.

Hi Rick,

I noticed this thread recently and replied. We tried to use customer-teamsite-resource-config.xml for the height improvements on TS 7.2.1 but didn't help. We opened a case with support in July-2011. Later this case was transferred to engineering but I never saw any reply on it and the case was closed. Then we had to opt other route to fix this problem.

Please let me know if you see this working with the settings provided by Autonomy. It's always good to follow best practices than to work with some js hack.

Rick Poulin

Please let me know if you see this working with the settings provided by Autonomy. It's always good to follow best practices than to work with some js hack.

Sorry, just re-read the thread again and I see that this is about in context editing. All I can say is that the TinyMCE config for the in-context RTE is also kept in a Spring config, so potentially one could specify the "height" parameter on the bean id="livesite.ContentProperties.TinyMCE.inContextEdit" and/or bean id="livesite.ContentProperties.TinyMCE.inContextEdit.DCR" in the same way that is done on bean id="livesite.ContentProperties.TinyMCE", but I haven't personally tried it. There's nothing in the config that would indicate that you can't override this parameter, only that it defaults to '320' for in-context DCR RTEs and '480' for in-context textarea RTEs.