Graphic
This module can also be used in the function column.
With the "Graphic" module, you can include images from the MAM in the content area as well as in the function column. These images can be aligned either on the right or on the left and can be linked to other modules such as "Text Editor" or "Headline" using the "Link to subsequent module" checkbox at the bottom left of the "Graphics" module.
Structure of the window
![Screenshot Imperia module design](/imperia/md/images/ImperiaHandbuch/fittosize_761_650_555cd4a9fd30b1045ea4a877d0dd204c_imperiahandbuch_grafik01.png)
In the graphic input field, you can click on "Choose image" to open the MAM and select the image there. If you need to upload the image first, you can also do that directly here. If you then double-click on the image in the MAM, the data is transferred to the module. You can then simply close the MAM window.
Explanations
The input "Short text to the image" is output as an alternative to the graphic for users with slow internet connections or voice output browsers; however, this field usually fills automatically with the name stored in the MAM as soon as you have selected a graphic.
The caption always appears in italics below the inserted image. The image credit (copyright) is also displayed below the image.
Advanced options
In the content area (not in the function column), it is still possible to select one of three allowed widths of the image and set the position of the image to left or right. Linking by specifying a link destination is also possible in the function column.
Dimensions
The dimensions and distances are unchangeable. Depending on the end device, elements are arranged next to or below each other in the screen output. Images only need to be uploaded once in large resolution using the Imperia content management system; the system automatically produces the various image sizes. More information on handling images can be found on the University Münster intranet [de].
Examples
In the first example, the image occupies the full width of the window. The settings are made as in the picture above.
![Here is a short text to the picture](/imperia/md/images/ImperiaHandbuch/fittosize_761_509_e2e2feed8bbdfa260e6b640b9d5ea4cf_schloss004.jpeg)
![Here is a short text to the picture](/imperia/md/images/ImperiaHandbuch/fittosize_528_353_67f2eaf8112c5868b840bb9a3c9a711d_schloss004.jpeg)
In the second example, the image is to the left of the text.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est.
Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem.
![Here is a short text to the picture](/imperia/md/images/ImperiaHandbuch/fittosize_528_353_67f2eaf8112c5868b840bb9a3c9a711d_schloss004.jpeg)
In the third example, the image is to the right of the text.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est.
Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem.