Document Actions
The "3 As"
Editing the text size style sheet switcher (Plone 2.x)
This tutorial breaks down the main display elements in a Plone site, and shows you how to control and customize the appearance of each element.
Page
5
of
17.
This applies only to Plone v2 sites; Plone 3 incorporates text size into its accessibility features.
- Images:
textsize_small.gif,textsize_normal.gif,textsize_large.gif, andtextsize_huge.gif- Located:
[site]/portal_skins/plone_images
- Located:
- Template:
global_siteactions- Located:
[site]/portal_skins/plone_templates
- Located:
- CSS:
ploneTextSmall.css,ploneTextLarge.css, andploneTextHuge.css- Note
- All of the CSS for each A is in its respective file
- Located:
[site]/portal_skins/plone_styles
- ECMA:
setActiveStyleSheet(title, reset)- Located:
[site]/portal_skins/plone_ecmascript/plone_javascript.js
- Note:
- It may be the case that this file cannot be edited through the ZMI and must be altered directly on the file system. This is because the content_type is "application/x-javascript" for JavaScript objects. In Zope, you cannot edit this type of content directly in the browser.
A possible workaround would be to rename the file by appending a different extension (as in adding a.dtmlto make the file nameplone_javascript.js.dtml) so that you can make changes via the ZMI. However, it would be a good idea to revert to the proper name after making your changes, as we're not sure what leaving this object with a different file extension this might break.
- Located:
Additional Information:
- To disable the display of the 3 As:
- Click on
/[site]/portal_actions
- Click on
- Uncheck
Visiblefor all theActionswithCategoryofsite_actions - Click Save at the bottom of the form.
Notes for Plone v3:
The AAA switch itself is no longer included in the default Plone v3
skin. Controls for changing text size are made available in
the site Accessibility control panel:[site]/accessibility-info]
The JavaScript function for text size in Plone v3 is called:
setBaseFontSize();
Its acceptable arguments are:
(['largeText'|''|'smallText'],1)
... where '' denotes "normal size".
by
John DeStefano
—
last modified
March 18, 2008 - 14:02
Contributors:
Jet Wilda
All content is copyright Plone Foundation and the individual contributors.
explanation
Posted by
John DeStefano
at
March 14, 2008 - 17:59
By this statement, I meant three things:
- The "AAA" switch itself is no longer included in the default Plone v3 skin, so changing the look and feel of the switch is no longer relevant; and:
- In Plone v3, the controls for text size are made available in the site Accessibility control panel ([site]/accessibility-info]; and:
- I don't know anything more about the topic of controlling text size and accessibility features as they relate to Plone v3, and I'm hopeful that anyone who does and can elaborate will do so.
Aside from that, all else I have to offer builds on your observation of the JavaSscript function: the function in v3 is called:
setBaseFontSize();
... and the acceptable arguments are:
(['largeText'|''|'smallText'],1)
... where '' equals "normal size".
Is that helpful?
- The "AAA" switch itself is no longer included in the default Plone v3 skin, so changing the look and feel of the switch is no longer relevant; and:
- In Plone v3, the controls for text size are made available in the site Accessibility control panel ([site]/accessibility-info]; and:
- I don't know anything more about the topic of controlling text size and accessibility features as they relate to Plone v3, and I'm hopeful that anyone who does and can elaborate will do so.
Aside from that, all else I have to offer builds on your observation of the JavaSscript function: the function in v3 is called:
setBaseFontSize();
... and the acceptable arguments are:
(['largeText'|''|'smallText'],1)
... where '' equals "normal size".
Is that helpful?
Not really
Posted by
Davi Lima
at
March 15, 2008 - 02:05
But thank you very much for the tutorial and the attention dismissed. "You're not alone with Plone" :)
sorry to hear that
Posted by
John DeStefano
at
March 18, 2008 - 13:46
Which part of your question wasn't answered?
Where in Plone 3?
The only difference I noticed was the javascript function name which changed
from: setActiveStyleSheet('Small Text',1);
to: setBaseFontSize('smallText',1);
Is that really the only thing? Cause for some reason replacing that in my old website didn´t work out. It was working OK on 2.5, that´s why I don´t think I´ve got a messy CSS. Unless sth else changed.