# Widen in\_place\_editor?

**URL:** <https://www.ruby-forum.com/t/widen-in-place-editor/79827>\
**Category:** Rails\
**Created:** [March 11, 2006, 10:20am UTC](https://www.ruby-forum.com/t/widen-in-place-editor/79827 "2006-03-11T10:20:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![joe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/b9e5f3/32.png) [@joe](https://www.ruby-forum.com/u/joe)\
**Post date:** [March 11, 2006, 10:20am UTC](https://www.ruby-forum.com/t/widen-in-place-editor/79827/1 "2006-03-11T10:20:51Z")

</div>

Is it possible to make that groovy in\_place\_editor wider? As is, it’s  
only about 20 chars wide.

thanks  
Joe

---

<div class="post-metadata">

**Author:** ![joe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/b9e5f3/32.png) [@joe](https://www.ruby-forum.com/u/joe)\
**Post date:** [March 11, 2006, 5:16pm UTC](https://www.ruby-forum.com/t/widen-in-place-editor/79827/2 "2006-03-11T17:16:53Z")

</div>

Joe wrote:

> Is it possible to make that groovy in\_place\_editor wider? As is, it’s  
> only about 20 chars wide.
> 
> thanks  
> Joe

You need to use the pre-defined CSS styles to do that.

[http://wiki.rubyonrails.org/rails/pages/HowToStyleInPlaceEditorWithCss](http://wiki.rubyonrails.org/rails/pages/HowToStyleInPlaceEditorWithCss)

---

<div class="post-metadata">

**Author:** ![joe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/b9e5f3/32.png) [@joe](https://www.ruby-forum.com/u/joe)\
**Post date:** [March 11, 2006, 8:18pm UTC](https://www.ruby-forum.com/t/widen-in-place-editor/79827/3 "2006-03-11T20:18:08Z")

</div>

Ah, thanks! This does the trick:

.inplaceeditor-form input[type=text] { width: 200px; }

Joe

---

<div class="post-metadata">

**Author:** ![joe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/b9e5f3/32.png) [@joe](https://www.ruby-forum.com/u/joe)\
**Post date:** [March 24, 2006, 11:04pm UTC](https://www.ruby-forum.com/t/widen-in-place-editor/79827/4 "2006-03-24T23:04:17Z")

</div>

> This does the trick:
> 
> .inplaceeditor-form input[type=text] { width: 200px; }

If you have two different inplace editors on a page, is it possible to  
set them each to different widths?

Joe