menu/list in form - problem

Freeway
1

relative newbie question (Freeway 4 Pro).

I am trying to squeeze quite a large form onto a page.
To do this I am using a small font size.

When I set up a Menu/list, my menu options appear in quite a big font. How can I change this? Can I use inline graphics to change the option to graphic text? and if so how? (i.e how do I insert them into the menu/list setup?)

Are there preferences somewhere to set the font size within the menu/list and other items (pop-up menus, etc?

Help greatly appreciated.

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

2

On 12 Dec. 2007, 1:07 pm, keithfdean wrote:

relative newbie question (Freeway 4 Pro).

I am trying to squeeze quite a large form onto a page.
To do this I am using a small font size.

When I set up a Menu/list, my menu options appear in quite a big font. How can I change this? Can I use inline graphics to change the option to graphic text? and if so how? (i.e how do I insert them into the menu/list setup?)

Are there preferences somewhere to set the font size within the menu/list and other items (pop-up menus, etc?

Help greatly appreciated.

Hi Kieth

I wonder if the reason that no one has responded to you regarding this is that it may not be possible to implement for Safari.

I have managed to find a way to change fonts, font colors, font sizes and more, and make it work in FF on the Mac and FF and IE6 in Windows, however I can’t seem to get it to work in Safari.

I am new to Freeway, and don’t know my way around completely yet, but it appears as though there are a few things that Freeway just doesn’t do on its own and that you have to find workarounds for these them, and in this case it may be fruitless in any case because it should work in all browsers.

I took your original question regarding Menu/list and started working with it, and found that I am able to structure the contents of the Menu/list exactly the way I want them.

Here is what I did:

I put a Menu/list on the page and put some contents into it, just a few items. I then reduced the height of the container so that it would only show one line and provide a dropdown instead of a simple list.

I then went to Main menu item Edit > Styles which brings up an Edit Styles dialog box. I then clicked on the + sign in the lower left corner to create a new style > gave the style a name (FormContentsStyle) > then clicked on the plus sign over to the right of Character which allows me to select the Font, Font Size and color (and other attributes of my style).

I gave it font “Verdana”, Size “10px” and color blue. I then put a checkmark in the box “Permanent”. Click OK for the dialog.

I then went to Menu item Windows and made sure that there was a checkmark beside “Styles and Colors”. Now I went back to my form and clicked on the Menu/list container and with the Styles and Colors displayed simply clicked on my new style “FormContentsStyle” - this gives a style to the div containing the Menu/list, but that didn’t appear to be enough to get the job done.

With the Menu/list item still selected I went to Menu > Item > Extended > this brings up a dialog box so that you can address the style created above for the contents of the Menu/list > Click on the Select button > New > for the name I entered “class” without the quotes, and for the value I entered “FormContentsStyle” without the quotes. OK > OK.

Now preview in browser and you should get the effect you want.

For some reason it doesn’t seem to work with the Freeway Preview.

Because you now have a style set up for your form, you can reuse it for any other form items you want on the page. You can create additional styles to be applied to other form items as well, just by following the above instructions.

There is probably an easier way, but that was my take on it for the moment. If there is an easier way, I would sure like to know as well.

You can see it here. All I did was set the font to Times, color to red and font size to 10px.

http://lorenswebworks.com/temp/untitled1.html

Loren

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

3

On Dec 12, 2007, at 10:09 PM, lfedje wrote:

Hi Kieth

I wonder if the reason that no one has responded to you regarding
this is that it may not be possible to implement for Safari.

The text size will work in Safari OK but there are other parameters
that do not and depending on browser type and version may or may not
work.

I then went to Main menu item Edit > Styles which brings up an Edit
Styles dialog box. I then clicked on the + sign in the lower left
corner to create a new style > gave the style a name
(FormContentsStyle) > then clicked on the plus sign over to the
right of Character which allows me to select the Font, Font Size and
color (and other attributes of my style).

I gave it font “Verdana”, Size “10px” and color blue. I then put a
checkmark in the box “Permanent”. Click OK for the dialog.

I then went to Menu item Windows and made sure that there was a
checkmark beside “Styles and Colors”. Now I went back to my form and
clicked on the Menu/list container and with the Styles and Colors
displayed simply clicked on my new style “FormContentsStyle” - this
gives a style to the div containing the Menu/list, but that didn’t
appear to be enough to get the job done.

Right, the style you created needs to be applied directly to the menu…

With the Menu/list item still selected I went to Menu > Item >
Extended > this brings up a dialog box so that you can address the
style created above for the contents of the Menu/list > Click on the
Select button > New > for the name I entered “class” without the
quotes, and for the value I entered “FormContentsStyle” without the
quotes. OK > OK.

just as you have done above by using the Extended… option.

The style you created needs to be applied to something on the page for
Freeway to print it to the page (I wish there was an option to force
the style to be applied even if FW thinks it isn’t needed!), applying
the style to the container as you mentioned got FW to do this. It
could be applied to anything on the page, just as long as there is
something selected with the style then it will be there. I used to add
these styles by includes and still do at times on some dynamic sites.

You can test this by removing the style you applied to the menu
container and applying it to something else on the page.

Now preview in browser and you should get the effect you want.

For some reason it doesn’t seem to work with the Freeway Preview.

Should do, it does for me… at least for the text size and width ( I
don’t tend to alter anything apart from the text size or width).

Mike

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

4

Thanks, Mike

I will give that a shot Mike “just alter the text size”, and see what happens. Perhaps by changing the font and color, things get a bit messed up.

Loren

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

5

I could swear there was an Action for this, quite some time ago. I
had a quick look at FreewayActions.com, but I didn’t see it there.

The reason why you are having trouble styling the select tag is that
you need to style the select and the option tags.

Try this. Make your menu/list an inline object in a layered HTML box.
(It has to be a layer for this trick to work.) Note the name of the
box, this will become part of your style name.

Create a new style, and in the Tag field, enter

 #boxName select, #boxname option

…where boxName is whatever the box was called in the Inspector.

Tab into the Name field and delete whatever is there. Then tab out
again (very important) to set the name as blank.

Create your text style as you like. You can also go nuts with border
and background color and padding and such if you like, but best to
play it simple until you get the hang for how these changes affect
the various browsers.

Preview, and see what happens.

Walter

On Dec 12, 2007, at 4:56 PM, Mike B wrote:

On Dec 12, 2007, at 10:09 PM, lfedje wrote:

Hi Kieth

I wonder if the reason that no one has responded to you regarding
this is that it may not be possible to implement for Safari.

The text size will work in Safari OK but there are other parameters
that do not and depending on browser type and version may or may not
work.

I then went to Main menu item Edit > Styles which brings up an Edit
Styles dialog box. I then clicked on the + sign in the lower left
corner to create a new style > gave the style a name
(FormContentsStyle) > then clicked on the plus sign over to the
right of Character which allows me to select the Font, Font Size and
color (and other attributes of my style).

I gave it font “Verdana”, Size “10px” and color blue. I then put a
checkmark in the box “Permanent”. Click OK for the dialog.

I then went to Menu item Windows and made sure that there was a
checkmark beside “Styles and Colors”. Now I went back to my form and
clicked on the Menu/list container and with the Styles and Colors
displayed simply clicked on my new style “FormContentsStyle” - this
gives a style to the div containing the Menu/list, but that didn’t
appear to be enough to get the job done.

Right, the style you created needs to be applied directly to the
menu…

With the Menu/list item still selected I went to Menu > Item >
Extended > this brings up a dialog box so that you can address the
style created above for the contents of the Menu/list > Click on the
Select button > New > for the name I entered “class” without the
quotes, and for the value I entered “FormContentsStyle” without the
quotes. OK > OK.

just as you have done above by using the Extended… option.

The style you created needs to be applied to something on the page for
Freeway to print it to the page (I wish there was an option to force
the style to be applied even if FW thinks it isn’t needed!), applying
the style to the container as you mentioned got FW to do this. It
could be applied to anything on the page, just as long as there is
something selected with the style then it will be there. I used to add
these styles by includes and still do at times on some dynamic sites.

You can test this by removing the style you applied to the menu
container and applying it to something else on the page.

Now preview in browser and you should get the effect you want.

For some reason it doesn’t seem to work with the Freeway Preview.

Should do, it does for me… at least for the text size and width ( I
don’t tend to alter anything apart from the text size or width).

Mike

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

6

Many many thanks Loren and Mike.

Fantastic response

Keith

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