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
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.
Open the following menu and add the code below to Before :
Page > HTML Markup… > Before
Close the HTML Markup window
Select the text area
Go to the menu: Item > Extended
Press: New
In the Name field type: ID
In the Value field type: textarea1
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
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
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 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 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
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
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
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 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 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
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.
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
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 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 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