Change Font Size

My client wants to have the ability to click an image on the page and the font size will be increased for all of the text on the page. They then want to be able to switch back to the smaller "original" font size by clicking the same image. I have looked all over and none of the things I have found have worked completely (i.e they do only some of the elements on the page but not all. Anyone have any idea how I can do this???



11/27/2006 10:38:04 AM 13714 articles. 0 followers. Follow

4 Replies

Similar Articles

[PageSpeed] 44

It's hard to say, being that I don't know how you are controlling the font size in your page in the first place (inline styles, linked stylesheet, hard coded).  Off the top of my head, you could do this with JavaScript.  Upon clicking the image, call a JavaScript function that gets a reference to a style(s) in one of your tags that wraps the text and change it to reflect the size you want.  In the JavaScript function you could do a test to see what the current state is and then flip it - to get the toggle effect.

Hope that helps...
Matt Brown - Metal music community and reviews
Haulix - Easy promotional media distribution for the music industry
11/27/2006 4:46:39 PM
The font size is controlled by CSS stylesheets. I am not very knowledgable in javascript. Do you have any examples or know where I can find to do what you suggest.
11/27/2006 6:03:15 PM

In your case, you could have multiple stylesheets and swap which one is linked to your page with server side code.


You could use ASP.NET 2.0 themes/skins.

If you look on my website, in the upper right corner there is a theme selector.  I'm storing the theme using ASP.NET's profile provider.  This works for anonymous users too.  I change color schemes but you could do something similar with font size.

Matt Brown - Metal music community and reviews
Haulix - Easy promotional media distribution for the music industry
11/27/2006 6:11:34 PM
Thanks I'll try that
11/27/2006 7:08:32 PM

Similar Artilces:

Changing the default font size is for
Subject kinda says it all. Surely there must be a way to changing the default font size for the items in the forms. Thanks for the help in advance. Daniel Yes in Tools Options, I believe its Text Editor > Basic. BrianBrian"Trust in the Lord and do what is good; dwell in the land and live securely. Take delight in the Lord, and He will give you your heart's desires" (Psalm 37: 3-4)....

Controlling fonts and font sizes in a menu control
Am building a menu programically (fragment below):Dim mnuTopics As New MenuItem("Lessons") For i As Integer = 1 To 10    Dim menuLesson As New MenuItem("Subject" & i, Nothing, Nothing, "~/Main.aspx?page=Subject&ID=" & i)    mnuTopics.ChildItems.Add(menuLesson)Next MainMenu.Items.Add(mnuTopics) Dim menuProfile As New MenuItem("Profile", Nothing, Nothing, "~/Main.aspx?action=profile")MainMenu.Items.Add(menuProfile)am unable to programically change menu font sizes. Don't want to access a theme/skin--just want to programmically change the font size ba...

how to make Font.Size subproperty to change the text size of all the child controls
I have a control that is used to get a date (dropdown calendar) and is made up by a label and three dropdownlists. I overrided the Enabled property so when it is true/false all of the child controls are Enabled/Disabled. That was easy. But now I need to change the text size of the composite control.When I do that, only the text size of the label changes. If the size would be a property of the WebControls that would be easy. Just override it and that's it. But size is a subproperty of Font. How can I make it work ? Any help is appreciated...

How to change tree view's (web control) back color, font color and font size using CSS (Cascading Style Shteets)
Hi All, I have created tree view (web control) but i want to change all the properties of it, through single style sheet. Like all other controls (label, text box and combo box) it's not possible to change all the properties of treeview through single style sheet by including it to the contol ???? Please help........ MAITRAY. Sorry. No external css. but these attributes: DefaultStyle="background:#CCCCCC;border:solid 1px;color:black;font-size:8pt" HoverStyle="color:blue;font-name:Arial" SelectedStyle="c...

Tab Control
Hello I'm using the tab control from Ajax Extension, I can change the font color but no matter what I do I cannot change the font size. I use skin file, and have skinID for the tab container (as wel as panel, I tried both), then attach the skinID to the tabcontainer control, the font color will change but font size doesn't seem to change at all. as well, in order to use skinID prperty, you have to type dircectly in source code, if you just type in the property box it will come up with erros, and Studio will add a bunch of numbers in your source Please anyone, any help is great hel...

changing default font size does not affect font size on form buttons and input fields.
Hello, in I propose that changing the default font size in Preferences should also change the font sizes for form controls. On windows it works this way. Concerning Unix, though, the form controls keep their size, even if you adjust the default font size in Firefox preferences. This makes for ugly form controls if you do not adjust your GTK settings along with your Firefox default font size. But there is a workaround: you can also make Firefox scale the form controls by applying the following changes to 'font:' li...

Changing the font / color / size of the password strength control
I looked at the CSS and tried changing the font of the strength control: weak;ok;good; good..cant change font or size or color no bold, italic underlined..(but they let you change the position) any suggestions?.. Thanks in advance.. You can update this bug 7802 with these issues.Kirti DeshpandeProgram Manager, Silverlight and ASP.NET AJAXMicrosoftThis posting is provided "AS IS" with no warranties, and confers no rights. Thank you sir. I appreciate your quick response. Any idea when the cleaner implementation it mentions will be? release? it in...

How to change URL style (font/size/color) in navigation to indicate that the current page has been selected?
What if I wanted to change the URL style (font/size/color) in the navigation to indicate that the current page has been selected? For example, Let's say that the Navigation has 4 items [Home | About Us | Help | Customer Service]. User clicks on Help. How would I be able to change the style of the Help link to indicate that it's been selected?Ideally - I would like to remove the URL's href + change font color, etc - for the current/selected page. In Classic ASP, I was able to check the page's url and via an IF statement change the style of the link for the select...

How do change the Font Name property to the TextBox control at the Run time in .Net 2.0?
Hi., I'm developing a website to support Tamil and English languages at runtime. I'm using Resource files to change the properties of the controls at runtime. There is no Bindable property to change the Font property for the Text Box control. That's my problem. Because I need to change the Font property of the Text Box at runtime. Anybody have any other ideas to change the Font property at runtime? Please Help me...     Advance Wishes for you..............Loganath.V9952070572 Hi, define your differnt font's in a cssfile like thisstyle.css  .text1{f...

Change font/font size in Seamonkey2.0
Hi, up to now i run SM1.1.18 under eCS2.0RC6a and tried to see how SM2.0 is usable for me. I am disappointed concerning windows display. The font size used are to large to describe the buttons and all other stuff including contents of some windows. My old window size is mostly to small to keep the text. The used times roman font is also not my favorite. My question is: how can i modify or add which statements to about:config to adapt SM2.0 to look like SM1.1.18. Thanks and have a nice day. Karl Tue, 22 Dec 2009 18:11:01 +0100, /Karl/: > up to now i run SM1.1.18 under ...

Cannot change the font or font size of PicButtn ocx.
Hello, I am using PB 6.5.1 Enterprise for Win32. I inserted a PicButtn ocx control into a window and changed the font and font size using the OLE Control Properties button on the OLE Custom Control window. I saved and closed the window. When I re-opened the window the picbuttn ocx font and font size had changed back to their initial settings. I believe this is a standard OCX, and it with PB, although I am not positive. I was not able to locate an associated help file. Then name of the OCX is PicButtn.OCX, dated 9/24/96 11:54am. It was located in the Windows/System dir...

How to set font size and font style for a THotkey control?
Now I add a Thotkey control on a form.Yes.It is a very useful control to handle hotkey. But how I can set a bigger font and bold style for it. Regards. Jack Xiao > {quote:title=bing xiao wrote:}{quote} > Now I add a Thotkey control on a form.Yes.It is a very useful control to handle hotkey. > But how I can set a bigger font and bold style for it. The THotkey is simply a wrapper around the Windows HOTKEY control. It gets it's font size and style from the user's display settings, using one of the system values (see ComCtrls.pas, procedure TCustomHotKey.AdjustHeight f...

Is there a way to globally change the font/font size in a project
I'd like to change the default font and/or font size for a project. Is there a way to do it? 8 pt fonts are just too small for lots of people. What forum would be best to pursue this point? Thanks Bob Hi Robert Robert Byers wrote: > I'd like to change the default font and/or font size for a project. Is there > a way to do it? 8 pt fonts are just too small for lots of people. What forum > would be best to pursue this point? The short answer is no, but if you have set the font on your forms or left them to default and NOT set the font on individual con...

Changed default font for all control captions
I have somehow changed the default font for all (at least for sure Standard) controls on the tool palette. I can not change it back. I was trying to change a number of label caption font criteria (underline and bold) by selecting more than one label and then changing the font properties in the Object Inspector. I accomplished that task. Shortly after I realized that any new controls I placed on my form had their caption font information set to what I just did (underline and bold). It appears I have set th e default font for ??(all controls, tool palette, whatever??) and dont know how to chang...

Web resources about - Change Font Size -

Change Congress - Wikipedia, the free encyclopedia
Change Congress is an American organization that aims to end perceived corruption in the United States Congress by reducing what it considers ...

Waleed Aly takes on Andrew Bolt over climate change: 'Let me nip this in the bud'
The Project tracked down the scientist behind the graph Bolt keeps using on his show. 'He has a message for you.'

Microsoft is going to change the way astronauts work on the International Space Station
NASA has successfully delivered several of Microsoft's augmented reality headsets, called HoloLens, to the International Space Station (ISS). ...

Asian powerhouses ignoring climate change risks?
Big cities like Dhaka and Mumbai virtually power entire national economies, and they're now at a "critical juncture" with sea levels creeping ...

UK Committee On Climate Change To Collaborate With China
The United Kingdom’s Committee on Climate Change will collaborate with its Chinese counterpart to assess climate change risk. A Memorandum of ...

Carmike Plans $50M Share Repurchase As Activist Investor Lobbies For Change
Carmike Cinemas , the only major exhibition chain that doesn’t pay shareholders a dividend, has been under pressure to give some cash back to ...

Facebook, Google server outsourcing strategy change expected to impact profitability for ODMs
Facebook is planning to add Wiwynn, a server subsidiary of Wistron, as a new datacenter server supplier, joining its primary supplier Quanta ...

Change to Google Drive Makes Finding Files “Super Easy”
... files you need more quickly. These additional filters are for “words used,” date modified, and many more. Google does not state these changes ...

Switzerland's 50-year racing ban will change with Formula E
Switzerland hasn't allowed motor racing to take place within its borders in over half a century. That looked poised to change when the state ...

Yahoo Execs Remain Hopeful, but Investors Clamor for Change
NEWS ANALYSIS: There remains a lot of conflict at the board and shareholder levels, because Yahoo executives are still talking about a rebirth ...

Resources last updated: 12/11/2015 7:12:20 AM