[Pro] Font size?

On this website the user has the option of enlarging the font size so the pages are easier to read. I can see this being a good idea for non-computer savvy users.

http://www.hillsidememorial.org/cemetery/

How can I implement something similar with FWP?


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

  1. Add this script as HTML-markup in the ‘before ’ section :
  1. Add this markup to the links via the ‘Extended’-option:

(larger)
Name : onclick
Value : resizeText(1)

(smaller)
Name : onclick
Value : resizeText(1)

  1. There is no step 3. :slight_smile:

http://fwdemo.rvanheukelum.com/larger-smaller/

Richard


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

Awesome. Thank you.


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

Don’t know why my post got messed up like this after posting? :S


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

Whoops … correction on one mistake made by me :

(smaller) Name : onclick Value : resizeText(-1)


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

If you want to show JavaScript or other code in the Web view, you have to “fence” it off with a row of four tildes above and below it. Or use Gist or Pastie.

~~~~
your code here
~~~~

becomes

your code here

Walter

On Feb 23, 2012, at 3:47 PM, Richard van Heukelum wrote:

Don’t know why my post got messed up like this after posting? :S


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

<script type="text/javascript">
    function resizeText(multiplier) {
     if (document.body.style.fontSize == "") {
       document.body.style.fontSize = "1.0em";
     }
     document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
    }
</script>

(larger)

  • Name : onclick
  • Value : resizeText(1)

(smaller)

  • Name : onclick
  • Value : resizeText(-1)

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

An example you can download http://www.deltadesign.co/fw_examples/newsticker.html

David


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

Thank you Walter, I guess I have to get used to this :wink:


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

Hi David,

that’s one I used to use in the past. I switched to the one I explained above simply because I can adjust the size of the steps. It’s a solid one though.

Richard


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

There is a problem with any of these and Freeway, though. If you set any sort of size to your body text (or other styles) the script will not override them. That’s because by default, Freeway sets those sizes in pixels rather than percent or em or another relative measure. Of course, you could go through all styles in the page programmatically and perform some arithmetic on them to adjust, but that is a lot of hassle to do well.

Walter

On Feb 24, 2012, at 3:24 AM, Richard van Heukelum wrote:

Hi David,

that’s one I used to use in the past. I switched to the one I explained above simply because I can adjust the size of the steps. It’s a solid one though.

Richard


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

So how do you recommend we handle Freeway Pro websites for older folks who may have some level of visual impairment?

On 24 Feb 2012, 2:25 pm, waltd wrote:

There is a problem with any of these and Freeway, though. If you set any sort of size to your body text (or other styles) the script will not override them. That’s because by default, Freeway sets those sizes in pixels rather than percent or em or another relative measure. Of course, you could go through all styles in the page programmatically and perform some arithmetic on them to adjust, but that is a lot of hassle to do well.

Walter


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

An Action could be written to convert all pixel sizes to percentages, although it could be very complex to do reliably. Another way to fix this from the design end would be to manually set the font dimensions to percentages in the Edit Style dialog. If you have a style that is currently set to 12px, change that to 12 ÷ 16 or 75%. You can’t enter percentages other than the pre-set options in the Edit Style size dialog, so you have to add these with the Extended dialog if your percentage doesn’t fall in the list of possible values (this one does). Once you have defined all of your font sizes in percentages, the scaling script will work perfectly. Another good idea is to build your layout from the beginning with reflow in mind. Either use an inline layout, or the RPL Action, and consider that using this script, photos will not scale along with the type. So you will have to allow text to flow around the images, which means using inline images rather than free-standing islands.

Walter

On Feb 24, 2012, at 10:41 AM, RavenManiac wrote:

So how do you recommend we handle Freeway Pro websites for older folks who may have some level of visual impairment?

On 24 Feb 2012, 2:25 pm, waltd wrote:

There is a problem with any of these and Freeway, though. If you set any sort of size to your body text (or other styles) the script will not override them. That’s because by default, Freeway sets those sizes in pixels rather than percent or em or another relative measure. Of course, you could go through all styles in the page programmatically and perform some arithmetic on them to adjust, but that is a lot of hassle to do well.

Walter


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