Style Sheet
Use the Style Sheet part to apply a style or set of styles to an HtmlPage. Style sheets can be added to the heading of an HTML document by modifying the #styleSheets attribute of the Html Page.
To add a Style Sheet part, select the Web Connection Category (
), then the Style Sheet part (
). You can also add the part using the Add Part dialog and specifying the class name,
AbtHtmlStyleSheet.
Style Sheet Properties
The Style Sheet part has the following properties:
partName
In the Part name field, type the name you want to use to describe the part. For non-visual parts, this text appears under the icon for the part on the free-form surface.
The name of the part can consist of alphanumeric characters, and must be unique from all other parts on the layout surface.
This field is optional. If you do not specify a part name, VA Smalltalk generates a unique name based on the class name of the part.
sourceFileName
Use the sourceFileName property to specify the name of a file that contains a collection of the styles you want to apply to your HtmlPage. Use this property instead of the styles property if you have a collection of styles that is long or maintained outside of VA Smalltalk. When you specify a local source file for your style sheet, VA Smalltalk imports the styles inline when generating HTML.The sourceFileName property will not work properly at runtime unless the application AbtWebServerInterfaceBaseFileApp is included in the packaged image. Therefore, the sourceFileName property should not be used for applications that are packaged in an XD image since AbtWebServerInterfaceBaseFileApp is not present. Use the url attribute instead.
styles
Use the styles property to specify a collection of styles, or effects, you want to apply to your HtmlPage.
type
Use the type property to indicate whether the style is specified using the Cascading Style Sheet model (CSS), or JavaScript-based style sheets (JSS).
url
Use the url property to specify the location on a server of a file that contains a collection of the styles you want to apply to an HtmlPage. Use this property if you have a style sheet that is long and maintained outside of VA Smalltalk on a server. When you specify a URL location for the file containing your style sheet, the Web browser will retrieve and apply the style sheet to the page when rendering the HTML.
Last modified date: 06/24/2018