Dyalog MiServer 3 Sample Site

Adding Style to a Page

Most of the styling for your page should be done using the default style sheet for your site, Possibly overriden by other specialised style sheets for groups of pages. However, sometimes you need a one-off modification which doesn't justify the creation of a new sheet. The _.Style object makes it easy to add styles on the fly, for example to color the following h2 headers red on this page.

Other Reading

Also look up the Simple StyleSheet Example, which shows how to add an external style sheet, and take a look at the Advanced Table Example which uses a combination of the raw html _.style control and the ScriptFollows to add a significant quantity of style in-line.

:Class StyleSimple : MiPageSample 
⍝ Control:: _DC.Style 
⍝ Description:: Color headings red using an internal style element 
 
    ∇ Compose 
      :Access Public 
      
      'output' Add _.h2'Adding Style to a Page' 
      
      Add _.p ScriptFollows 
     ⍝ Most of the styling for your page should be done using the default style sheet for your site, 
     ⍝ Possibly overriden by other specialised style sheets for groups of pages. However, sometimes 
     ⍝ you need a one-off modification which doesn't justify the creation of a new sheet. The _.Style 
     ⍝ object makes it easy to add styles on the fly, for example to color the following h2 headers 
     ⍝ red on this page. 
      
      Add _.Style'h2'('color' 'red') 
      Add _.h2'Other Reading' 
      
      Add _.p ScriptFollows 
     ⍝ Also look up the <a href="/Examples/DC/StyleSheetSimple?NoWrapper=1">Simple StyleSheet Example</a>, which shows how to add an external style sheet, and 
     ⍝ take a look at the <a href="/Examples/DC/TableAdvanced?NoWrapper=1">Advanced Table Example</a> which uses a combination of 
     ⍝ the raw html _.style control and the ScriptFollows to add a significant quantity of style in-line. 
    ∇ 
 
:EndClass