}
</source>
=Images=
==Naming conventions==
To obtain some kind of categorization the name of new images must start with one a prefix. Choose the most appropriate one from the below list:
{| class="wikitable sortable" | width = "50%"
|-
! Prefix !! Description !! Examples
|-
| UI_|| screenshots of {{UBIK}} Studio, {{UBIK}} Client, Windows (IIS, SQL, Excel, ...) || [[UBIK_Image_List#User_Interface|UBIK UI]]
|-
| IL_|| Illustrations (diagrams, fractions of slides, ...) || -
|-
| SY_|| {{UBIK}} symbols (e.g. images for MetaClass, BASECLASS, relations, ...) || -
|-
| IC_|| small graphics (icons, arrows, ...) || [[UBIK_Image_List#Icons|UBIK Icons]]
|-
|}
==Formats==
=== Supporting images ===
[[File:Example.jpg|220px|thumb|border|alt=Example Supporting images|Example Supporting images]]
Supporting images must be formatted as <code>thumb</code> to make them appear on the right side, with the following dimensions:
* Images in portrait format with 170 pixels width
* Images in landscape format with 220 pixels width
Example: <code><nowiki>[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]</nowiki></code>
{{Clear}}
=== Descriptive images ===
Images as part of the descriptive article text can be placed inline, like for emphasizing a certain manual visually, with the following dimensions:
* Images in landscape should not exceed 700 pixels width
* Images in portrait should not exceed 700 pixels height
Example: <code><nowiki>[[File:Example.jpg|700px|border|alt=Example|Example]]</nowiki></code>
=== Borders ===
Use the '''border''' parameter in the tag for the embedded image, for example <code><nowiki>[[File:Example.jpg|border]]</nowiki></code> results in<br/>[[File:Example.jpg|border]]
=== Image captions ===
Use image captions if appropriate to describe the image and to create a relation to the text.
== Gallery style ==
If there is the need to place a series of images within the text use the gallery tag with an appropriate width and height
<code><nowiki><gallery widths="200" heights="200"></nowiki></code><br/>
<code><nowiki>File:Example.jpg|1 - Example</nowiki></code><br/>
<code><nowiki>File:Example.jpg|2 - Example</nowiki></code><br/>
<code><nowiki>File:Example.jpg|3 - Example</nowiki></code><br/>
<code><nowiki></gallery></nowiki></code>
which results in
<gallery widths="200" heights="200">
File:Example.jpg|1 - Example
File:Example.jpg|2 - Example
File:Example.jpg|3 - Example
</gallery>
== <nowiki>{{Clear}}</nowiki> Template ==
If one or more images should be located next to the descriptive text but which is organized in several sections, use the <nowiki>{{Clear}}</nowiki> template. Have a look at the below section example:
{{Attention|Use this command very rarely - try to place the images in a gallery style!}}
=== Section 1 starts here ===
[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]
Some text 1
Watch that section 2 starts after some spacing.
{{Clear}}
=== Section 2 starts here ===
[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]
Some text 2
{{Clear}}
=Categorizing=
== Template list ==
A list of available templates can be found here [[UBIK Templates]]
=Images=
==Naming conventions==
To obtain some kind of categorization the name of new images must start with one a prefix. Choose the most appropriate one from the below list:
{| class="wikitable sortable" | width = "50%"
|-
! Prefix !! Description !! Examples
|-
| UI_|| screenshots of {{UBIK}} Studio, {{UBIK}} Client, Windows (IIS, SQL, Excel, ...) || [[UBIK_Image_List#User_Interface|UBIK UI]]
|-
| IL_|| Illustrations (diagrams, fractions of slides, ...) || -
|-
| SY_|| {{UBIK}} symbols (e.g. images for MetaClass, BASECLASS, relations, ...) || -
|-
| IC_|| small graphics (icons, arrows, ...) || [[UBIK_Image_List#Icons|UBIK Icons]]
|-
|}
==Formats==
=== Supporting images ===
[[File:Example.jpg|220px|thumb|border|alt=Example Supporting images|Example Supporting images]]
Supporting images must be formatted as <code>thumb</code> to make them appear on the right side, with the following dimensions:
* Images in portrait format with 170 pixels width
* Images in landscape format with 220 pixels width
Example: <code><nowiki>[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]</nowiki></code>
{{Clear}}
=== Descriptive images ===
Images as part of the descriptive article text can be placed inline, like for emphasizing a certain manual visually, with the following dimensions:
* Images in landscape should not exceed 700 pixels width
* Images in portrait should not exceed 700 pixels height
Example: <code><nowiki>[[File:Example.jpg|700px|border|alt=Example|Example]]</nowiki></code>
=== Borders ===
Use the '''border''' parameter in the tag for the embedded image, for example <code><nowiki>[[File:Example.jpg|border]]</nowiki></code> results in<br/>[[File:Example.jpg|border]]
=== Image captions ===
Use image captions if appropriate to describe the image and to create a relation to the text.
== Gallery style ==
If there is the need to place a series of images within the text use the gallery tag with an appropriate width and height
<code><nowiki><gallery widths="200" heights="200"></nowiki></code><br/>
<code><nowiki>File:Example.jpg|1 - Example</nowiki></code><br/>
<code><nowiki>File:Example.jpg|2 - Example</nowiki></code><br/>
<code><nowiki>File:Example.jpg|3 - Example</nowiki></code><br/>
<code><nowiki></gallery></nowiki></code>
which results in
<gallery widths="200" heights="200">
File:Example.jpg|1 - Example
File:Example.jpg|2 - Example
File:Example.jpg|3 - Example
</gallery>
== <nowiki>{{Clear}}</nowiki> Template ==
If one or more images should be located next to the descriptive text but which is organized in several sections, use the <nowiki>{{Clear}}</nowiki> template. Have a look at the below section example:
{{Attention|Use this command very rarely - try to place the images in a gallery style!}}
=== Section 1 starts here ===
[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]
Some text 1
Watch that section 2 starts after some spacing.
{{Clear}}
=== Section 2 starts here ===
[[File:Example.jpg|220px|thumb|border|alt=Example|Example]]
Some text 2
{{Clear}}
<headertabs />
[[Category:Help]]