Editing Template:Chembox/doc (section)

==Adding images==

===Parameters===
Image parameters for the first images:
<syntaxhighlight lang="wikitext">
{{Chembox
<!-- Other chembox parameters can go here -->
<!-- Row 1/7 -->
| ImageFile      = 
| ImageName      = 
| ImageSize      = 
| ImageAlt       = 
| ImageCaption   = 
| ImageFile_Ref  = 
| ImageClass     =
<!-- Row 2/7 -->
| ImageFile1     = 
| ImageName1     = 
| ImageSize1     = 
| ImageAlt1      = 
| ImageCaption1  = 
| ImageFile1_Ref = 
| ImageClass1    =
<!-- Row 3/7 -->
| ImageFileL1    = 
| ImageNameL1    = 
| ImageSizeL1    = 
| ImageAltL1     = 
| ImageCaptionL1 = 
| ImageFileL1_Ref= 
| ImageClassL1   =

| ImageFileR1    = 
| ImageNameR1    = 
| ImageSizeR1    = 
| ImageAltR1     = 
| ImageCaptionR1 = 
| ImageFileR1_Ref= 
| ImageClassR1   =

| ImageCaptionL1R1= 
<!-- More chembox parameters can go here, like |Section1=... -->
}}</syntaxhighlight>
{{clear}}

===Examples===
Image parameters for an image (example: File1). All are optional.

{{Chembox
| ImageFile1 = Furfural.svg
| ImageAlt1 = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageName1 = 
| ImageCaption1 = A caption shows here
| ImageSize1 = 
| ImageFile1_Ref = 
| ImageClass1 = skin-invert
| show_footer=no<!-- set for documentation simplicity -->
}}
<syntaxhighlight lang="wikitext" style="overflow: auto">
{{Chembox
| ImageFile1     = Furfural.svg
| ImageAlt1      = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageName1     = 
| ImageCaption1  = A caption shows here
| ImageSize1     = 
| ImageFile1_Ref = ref
| ImageClass1 = skin-invert <!-- Use this for black-on-transparent chemical diagrams -->
}}
</syntaxhighlight>
{{clear}}
Adding two images:
{{Chembox
| ImageFile = Furfural.svg
| ImageAlt = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageClass = skin-invert
| ImageFile1 = Furfural-3D-vdW.png
| ImageAlt1 = 3D filled-sphere model of the same molecule
| show_footer=no<!-- set for documentation simplicity -->
}}
<syntaxhighlight lang="wikitext" style="overflow: auto">
{{Chembox
| ImageFile      = Furfural.svg
| ImageAlt       = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageClass = skin-invert
| ImageFile1     = Furfural-3D-vdW.png
| ImageAlt1      = 3D filled-sphere model of the same molecule
}}
</syntaxhighlight>

This gives two images, each image on his own row (note, ImageFile is the first image, ImageFile1 is the second).
{{clear}}
Adding two images, side by side (L1 and R1):
{{Chembox
| ImageFileL1 = Furfural.svg
| ImageAltL1 = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageClassL1 = skin-invert
| ImageFileR1 = Furfural-3D-vdW.png
| ImageAltR1 = 3D filled-sphere model of the same molecule
| show_footer=no<!-- set for documentation simplicity -->
}}
<syntaxhighlight lang="wikitext" style="overflow: auto">
{{Chembox
| ImageFileL1    = Furfural.svg
| ImageAltL1     = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageClassL1   = skin-invert
| ImageFileR1    = Furfural-3D-vdW.png
| ImageAltR1     = 3D filled-sphere model of the same molecule
}}
</syntaxhighlight>

This gives one row with two images. Note that ImageFile is now not supplied.
{{clear}}

===Multiple images===
{| class="wikitable" style="float: right; text-align: center;"
|+ Chembox image ordering
|-
| {{green|row 1}}
| colspan=2 | ImageFile
|-
| {{green|row 2}}
| colspan=2 | ImageFile{{purple|1}}
|-
| {{green|row 3}}
| ImageFile{{purple|L1}} || ImageFile{{purple|R1}}
|-
| {{green|row 4}}
| colspan=2 | ImageFile{{purple|2}}
|-
| {{green|row 5}}
| ImageFile{{purple|L2}} || ImageFile{{purple|R2}}
|-
| {{green|row 6}}
| colspan=2 | ImageFile{{purple|3}}
|-
| {{green|row 7}}
| ImageFile{{purple|L3}} || ImageFile{{purple|R3}}
|}

This gives the possibility to play a bit with which image is first (rows with empty parameters are not displayed). Example:

{{Chembox
| ImageFileL1    = Furfural.svg
| ImageSizeL1    = 
| ImageAltL1     = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageFileR1    = Furfural-3D-vdW.png
| ImageAltR1     = 3D filled-sphere model of the same molecule
| ImageFile2     = Water droplet blue bg05.jpg
| ImageAlt2      = Water droplet erupting from the center of a concentric ring of ripples, evidently in response to a drop landing in the water just before
| IUPACName      = example
| show_ss_note   = no<!-- set for documentation clarity -->
}}
<syntaxhighlight lang="wikitext" style="overflow: auto">
{{Chembox
| ImageFileL1    = Furfural.svg
| ImageAltL1     = Skeleton formula of a ring of four carbons and one oxygen, with a carbon-oxygen attached to a carbon next to an oxygen
| ImageFileR1    = Furfural-3D-vdW.png
| ImageSizeR1    = 
| ImageAltR1     = 3D filled-sphere model of the same molecule
| ImageClassR1   = skin-invert
| ImageFile2     = Water droplet blue bg05.jpg
| ImageAlt2      = Water droplet erupting from the center of a concentric ring of ripples, evidently in response to a drop landing in the water just before
| IUPACName      = example
}}
</syntaxhighlight>

This gives one row with two images, and one row with one image.
{{clear}}