[Express] Form Text Area Problem

I use Express, so I can’t use the FreezeFormAction, so I am trying to follow the KnowledgeBase directions to use the Extended Attributes Item. I was able to extend the width of the Text Fields, but can’t figure out how to extend the width of the Text Area. It looks right in Freeway, but not in Preview. I tried a couple suggestions on other threads that I found, but wasn’t successful. Does one of you impressive knowledge-filled people know what I need to do?
Thanks!
Tammy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can do this a couple of different ways, set some CSS in a style sheet and pull it into the page would be one but you can also set the CSS at the top of the page manually, my preference would be to create a style sheet but this following method will work for you.
This sets the CSS style to the ID of the item.

  1. Open the following menu and add the code below to Before :
    Page > HTML Markup… > Before
  1. Close the HTML Markup window
  2. Select the text area
  3. Go to the menu: Item > Extended
  4. Press: New
  5. In the Name field type: ID
  6. In the Value field type: textarea1
  7. Publish/upload

Now the textarea will be the size you entered.

You can do the same for other fields and textareas, just use a different ID for them and then set the CSS relative to that item, you can take this further, for example…

This last bit of code will give the textarea a coloured border and fill colour, it wll also disable the resize in Safari, there is also some sample code for a field with an ID of field1

HTH

On Feb 9, 2012, at 8:47 PM, Tammy wrote:

I use Express, so I can’t use the FreezeFormAction, so I am trying to follow the KnowledgeBase directions to use the Extended Attributes Item. I was able to extend the width of the Text Fields, but can’t figure out how to extend the width of the Text Area. It looks right in Freeway, but not in Preview. I tried a couple suggestions on other threads that I found, but wasn’t successful. Does one of you impressive knowledge-filled people know what I need to do?
Thanks!
Tammy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sure. Click on your Textarea so its 8 handles are showing at the corners and sides. Then choose Item / Extended from the main menu. You should see a dialog with a set of tabs along the top. Choose the one that reads textarea. Then click New. In the resulting sub-dialog, enter the following:

  • Name: style
  • Value: width: 100%;

And okay out of the stack of dialogs. Look again in Preview – your Textarea should expand to fill the container you placed it in, width-wise.

You can substitute other values for 100% – 400px, 30em, whatever strikes your fancy or fits your layout.

Walter

On Feb 9, 2012, at 2:47 PM, Tammy wrote:

I use Express, so I can’t use the FreezeFormAction, so I am trying to follow the KnowledgeBase directions to use the Extended Attributes Item. I was able to extend the width of the Text Fields, but can’t figure out how to extend the width of the Text Area. It looks right in Freeway, but not in Preview. I tried a couple suggestions on other threads that I found, but wasn’t successful. Does one of you impressive knowledge-filled people know what I need to do?
Thanks!
Tammy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you, Mike and Walter, I appreciate the help! I tried the easy way first, simply because . . . well, I hate to say it, but I never did learn HTML :slight_smile: I do understand the concept and know when there’s a problem and I can figure some things out as well as follow directions, but if I can do it the easy way and have it be just as good, I’ll do that :slight_smile: However, I tried Mike’s suggestion and instead of entering a number (larger than the font size as the knowledge base article said) I used the width: percentage. Still, it didn’t change. I’m including 2 screen shots: one in FW and the other in Preview. Should I skip the Extended Attribute method and use Mike’s now?
/Users/tammy/Desktop/Ex Text Area Preview.tiff
/Users/tammy/Desktop/Ex Text Area FW.tiff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Guess the screenshots didn’t show up this way. I first replied via email and now the email is awaiting moderation because it’s too big. Here’s what it looks like online, though. http://www.inspiredimpact.biz/contactinformati.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Your textarea does not have a style attribute added to it, and you don’t have an ID set on it or a corresponding CSS style to give it any dimension other than the basic cols and rows attributes that Freeway draws for you. You’re going to have to follow one of our recommendations in order to see a textarea the size you want it to be.

Walter

On Feb 9, 2012, at 5:35 PM, Tammy wrote:

Guess the screenshots didn’t show up this way. I first replied via email and now the email is awaiting moderation because it’s too big. Here’s what it looks like online, though. http://www.inspiredimpact.biz/contactinformati.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tammy,

You don’t seem to have used any of the extended ‘bits’ to the textarea, not for this to work any way that was suggested, are you sure you actually selected the textarea when you where extending it’s properties?

On Feb 9, 2012, at 11:33 PM, Tammy wrote:

Thank you, Mike and Walter, I appreciate the help! I tried the easy way first, simply because . . . well, I hate to say it, but I never did learn HTML :slight_smile: I do understand the concept and know when there’s a problem and I can figure some things out as well as follow directions, but if I can do it the easy way and have it be just as good, I’ll do that :slight_smile: However, I tried Mike’s suggestion and instead of entering a number (larger than the font size as the knowledge base article said) I used the width: percentage. Still, it didn’t change. I’m including 2 screen shots: one in FW and the other in Preview. Should I skip the Extended Attribute method and use Mike’s now?
/Users/tammy/Desktop/Ex Text Area Preview.tiff
/Users/tammy/Desktop/Ex Text Area FW.tiff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hmmm . . . thought I did follow your directions, but maybe I’m doing something wrong. I was waiting to follow Mike’s to see if I could make this work.
I selected the TextArea and Item > Extended > New > named it size and put in width:100%. Before I asked for help, I had used regular numbers (not %) as the Knowledge Base article said to do. These steps worked just fine for the 3 TextFields but just aren’t working for the Text Area. The only thing different from your directions is that I don’t have tabs in my Extended window. So I selected the whole table and then Item > Extended but still not tabs. So basically, I’m just selecting the TextArea and then Item > Extended, etc.

Tammy Morris
21st Century Learning Specialist
Inspired Impact, LLC
email@hidden
907-523-8820 Office
907-617-5221 Cell
http://www.inspiredimpact.biz
Facebook: Inspired Impact
Twitter: InspiredImpact
Skype: tammy.morris59

On Feb 9, 2012, at 1:46 PM, Walter Lee Davis wrote:

Your textarea does not have a style attribute added to it, and you don’t have an ID set on it or a corresponding CSS style to give it any dimension other than the basic cols and rows attributes that Freeway draws for you. You’re going to have to follow one of our recommendations in order to see a textarea the size you want it to be.

Walter

On Feb 9, 2012, at 5:35 PM, Tammy wrote:

Guess the screenshots didn’t show up this way. I first replied via email and now the email is awaiting moderation because it’s too big. Here’s what it looks like online, though. http://www.inspiredimpact.biz/contactinformati.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You have to make that style, not size.

Walter

On Feb 9, 2012, at 6:05 PM, Tammy Morris wrote:

amed it size and put in width:100%.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I see the 8 squares around the text area when I select it. I select the Text Area the same way I select the TextFields that were successfully changed.
Tammy Morris
21st Century Learning Specialist
Inspired Impact, LLC
email@hidden
907-523-8820 Office
907-617-5221 Cell
http://www.inspiredimpact.biz
Facebook: Inspired Impact
Twitter: InspiredImpact
Skype: tammy.morris59

On Feb 9, 2012, at 1:54 PM, Mike B wrote:

Tammy,

You don’t seem to have used any of the extended ‘bits’ to the textarea, not for this to work any way that was suggested, are you sure you actually selected the textarea when you where extending it’s properties?

On Feb 9, 2012, at 11:33 PM, Tammy wrote:

Thank you, Mike and Walter, I appreciate the help! I tried the easy way first, simply because . . . well, I hate to say it, but I never did learn HTML :slight_smile: I do understand the concept and know when there’s a problem and I can figure some things out as well as follow directions, but if I can do it the easy way and have it be just as good, I’ll do that :slight_smile: However, I tried Mike’s suggestion and instead of entering a number (larger than the font size as the knowledge base article said) I used the width: percentage. Still, it didn’t change. I’m including 2 screen shots: one in FW and the other in Preview. Should I skip the Extended Attribute method and use Mike’s now?
/Users/tammy/Desktop/Ex Text Area Preview.tiff
/Users/tammy/Desktop/Ex Text Area FW.tiff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh, my gosh! Such a dumb mistake! That worked perfectly. Thank you very much - and to Mike, too!

Tammy

On Feb 9, 2012, at 2:08 PM, Walter Lee Davis wrote:

You have to make that style, not size.

Walter

On Feb 9, 2012, at 6:05 PM, Tammy Morris wrote:

amed it size and put in width:100%.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options