Hi, I have used Eric’s fix to get edit-text areas full width. Great stuff. But I am finding that if I transclude a tiddler with an edit-text area in a tab, the area does not dislay full width anymore. Is there some CSS fix for this? I have tried various combinations of textarea.wideedit and .tc-ta…

I should note that I managed to discard about 5 or 6 previous questions, having figured out the answers on my own. On a roll today, but the roll just stopped.

[image] DaveGifford: Hi, I have used Eric’s fix to get edit-text areas full width. Great stuff. Please provide a link, so we actually know what the CSS looks like.

I meant to link to the whole thread, not just its initial post…

Adding .tc-body to the selector seems to work… <div style="height:20vh;"> <style>.tc-body .wideEdit { width:100%; } </style> <$edit-text field="related" tag="textarea" class="wideEdit" minHeight=80% /> </div> [TextboxInTabs]

Thanks Brian! I will try it out in the morning. Blessings.

Thanks Brian, I had used wideedit as a span class around the tabs, and based on your example I changed it to a div class and it works great!

Talk TW

Tabs overwriting edit-text CSS

DaveGifford July 28, 2022, 8:06pm 4

Size and Height of edit-text widget

I have this in one of the edit templates: Related: <$edit-text field="related" size=150 minHeight=50px /> It does not seem to obey ‘minHeight’ instruction. No matter what I put there, the box remains the same height. Also, can I not specify size as %? In this case I want the box to occupy the full width.

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled