Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Document Properties Marker
overridefalse
 
Doctypepropertyhide
Nameprojectdoc-steps 
Short DescriptionCSS class to mark an enumeration of steps. 
Parent
Parent Property
property-nameName
 

Audience
Name List
doctyperole
propertyAudience
hide
Tags

Tag List

 
Identifierprojectdoc-steps 
Component
Name List
doctypecomponent
namesSection
propertyComponent
 
Mandatory 
Type 
Default Value
Value Range 
Implementation 
Iteration

Iteration
value

filled

finished

hide
Since1.15.0 
Sort Keyhide
Section
show-titlefalse
titleDescription

There enclosing div element rendered by the Steps Macro has this class.

The individual steps have the additional classes step and step-level-XXX where XXX is the level of the step (for instance step-level-1 for level 1 step). Per default CSS steps of all levels are rendered with the same formatting properties.

Section
titleExample of Usage
Code Block
languagecss
titleSamle CSS
linenumberstrue
body div.projectdoc-steps {
    counter-reset: step1 step2;
}

projectdoc-has-id-or-tags projectdoc-steps step step-level-1

div.projectdoc-steps div.step-level-1, div.projectdoc-steps div.step-level-1:first-child {
    counter-reset: step2 step3 step4 step5 step6;
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-1:before {
    counter-increment: step1;
    content: counter(step1) " ";
}

div.projectdoc-steps div.step-level-2 {
    counter-reset: step3 step4 step5 step6;
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-2:before {
    counter-increment: step2;
    content: counter(step1) "." counter(step2) " ";
}

div.projectdoc-steps div.step-level-3 {
    counter-reset: step4 step5 step6;
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-3:before {
    counter-increment: step3;
    content: counter(step1) "." counter(step2) "." counter(step3) " ";
}

div.projectdoc-steps div.step-level-4 {
    counter-reset: step5 step6;
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-4:before {
    counter-increment: step4;
    content: counter(step1) "." counter(step2) "." counter(step3) "." counter(step4) " ";
}

div.projectdoc-steps div.step-level-5 {
    counter-reset: step6;
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-5:before {
    counter-increment: step5;
    content: counter(step1) "." counter(step2) "." counter(step3) "." counter(step4) "." counter(step5)
        " ";
}

div.projectdoc-steps div.step-level-6 {
	  color: black;
    font-size: 14px;
    font-weight: bold;
}

div.projectdoc-steps div.step-level-6:before {
    counter-increment: step6;
    content: counter(step1) "." counter(step2) "." counter(step3) "." counter(step4) "." counter(step5) "."
        counter(step6) " ";
}


div.projectdoc-steps div.step {
		margin: 10px 0 -7px 0;
}

div.projectdoc-steps div.step p,
div.projectdoc-steps div.step ul,
div.projectdoc-steps div.step ol,
div.projectdoc-steps div.step dl,
div.projectdoc-steps div.step blockquote,
div.projectdoc-steps div.step pre,
div.projectdoc-steps div.step form.aui,
div.projectdoc-steps div.step table.aui,
div.projectdoc-steps div.step .aui-tabs,
div.projectdoc-steps div.step .aui-panel,
div.projectdoc-steps div.step .aui-group {
	margin: 5px 0 0 0;
}
Section
titleSubproperties
Display Table
doctypeproperty
render-no-hits-as-blanktrue
selectName, Short Description
restrict-to-immediate-childrentrue
sort-bySort Key, Name

...

Section
titleResources
Tour
render-as-definition-listtrue
replace-title-with-nametrue
TitleShort Description
Steps Macro