module to change font size
Last Post 10/15/2013 6:35 AM by John Morton. 4 Replies.
Author Messages
Web Services
Nuke Master
Nuke Master
Posts:322


--
03/22/2012 4:44 PM  
Is there a free DNN module that allows the user to increase/decrease the font size on the page?

Or any other modules that we could purchase?

Or... if there aren't any modules that do this, how could we go about it? Is it possible with DNN?

Thanks!
Joseph Craig
DNN MVP
Posts:11667


--
03/22/2012 8:00 PM  
There is a "Skin Widget" that will do the trick.

If you download the Minimal Extropy skin (http://dnnskins.codeplex.com/releas...iew/73347) you can install it on your site and see how it is used. Examine the skin file for details.

Here is a discussion of adding the text size skin widget to the Dark Knight skin: http://www.dotnetnuke.com/Resources...posts.aspx

Joe Craig, Patapsco Research Group
Complete DNN Support
Web Services
Nuke Master
Nuke Master
Posts:322


--
03/23/2012 12:09 PM  
Thanks! I've got it added to the skin and it seems to be working fine!

Now... how much control do I have over what the widget effects? I'd like it to only change the size of the text in the main content panes and not the font size of things like the menu and the search bar because that then throws off the alignment and the design.

Also, I don't see where the font size pixels are specified. Do I have control over that as well? I just noticed that the default and the large text are the same size for any paragraph text in the content pane.

This is the site I'm using it on.... eye.intellicomweb.com

Thanks!
Joseph Craig
DNN MVP
Posts:11667


--
03/23/2012 12:28 PM  
That doesn't provide a lot of control. It's for the page. And, I'm sure that if you dig through the code you can figure it out.

If you figure out how it works, you can probably modify it to target a pane. I suppose that you could also place it in a pane, too.

The code is "\Resources\Widgets\DNN\StyleSheetWidget.js" and it uses the parameters passed to it.

I've never really looked at these, but it seems that the widget creates a new stylesheet and load it. You could verify that with developer tools in the browser.

Joe Craig, Patapsco Research Group
Complete DNN Support
John Morton
Nuke Newbie
Nuke Newbie
Posts:1


--
10/15/2013 6:35 AM  
Hi! Bit of a long shot that you'd still be interested but we, Dotnetdudes Pty Ltd, have a couple of modules that provide this exact functionality and have just released new versions for DNN 7+. The modules are our TextSize module which can be used right out of the box, or you can set max, min and default text sizes in the settings. The module allows the end user to incrementally resize text to their preffered viewing size. The users selection is stored for consequent visits.

The TextSizePro module adds the functionality for site administrators to set different font size ranges for each Pane in the skin. Basically means you can configure the font resizing to accomodate the site design or to feature specific content. For example, you can set a max size on your menu to avoid wrapping of the menu items onto multiple lines.

We think it takes a lot of the work out of providing an accessible site as you don't have to provide multiple style sheets to provide for different font sizes. Also, the end user gets to choose the exact size that suits them.

Hope this helps !


---