Another useful feature is to convert a fixed size Paragraph Type area to have scroll able contents within it’s boundary. The end result is equivalent to an iframe, except the result is pure css.
- When you draw or resize the Paragraph Type area smaller than it’s contents, you should see an indicator to the lower right of the Paragraph bounding area.
If using the -text hint you can also append the -scroll hint as I have captured below.
Note: Sitegrinder does not customize the colors of the scroll bar or it’s properties.
The -scroll hint also applies to a no -text hint Paragraph Type area Layer with Anti-Alias set to None.
Though SiteGrinder may not allow for scrollbars customization, the scroll contents can be customized just by adjusting the properties within the Paragraph Palette.
- Since the scrollbars is a pure vertical visual element, why not Justify Last Left, so that the contents output perfectly aligned with it. (The other Justify properties also apply.)
Also to avoid the right side from being to close to the scrollbars element, adjust the Indent Right Margin property to 12 pt. (The other Margin properties also apply)
Combine Paragraph Palette attributes with the SiteGrinder Control Panel Layer Decoration properties to fancy the borders of Scroll box.
- Set the Indent Left Margin to 12 pt to offset the paragraph from the left scroll border.
- Click once at the beginning of the Paragraph (just before the word ‘Lorem’, in my case) and then set the ‘Add Space before Paragraph’ property to 2 pt to offset it’s contents from the top scroll border.
- Then File/Automate/Site Grinder 2 and click the Decoration tab.
- Click the Decoration Tab.
- Click the -scroll hint Layer (in my case the ‘sampletext-text-scroll’ Layer)
Set the Border and Background properties, Click OK to commit changes.
Then Build to Preview or To Folder option at the bottom of the Sitegrinder Control panel.