Differences

This shows you the differences between two versions of the page.

--- op_background [2025/10/31 11:57] – [Properties] idonkervoort
+++ op_background [2025/10/31 12:02] (current) – idonkervoort
@@ Line 3: / Line 3: @@
 This [[optional_properties|optional property]] can be used to add a background image to a page. If you want to add a background image to **all pages** in the project, do this through the project-level optional properties.
+===== Editor interface =====
-===== Editor interface ======
+{{:xerte-op-background-editor.png?600&direct|Screenshot of Background panel when added to editor}}
-{{:xerte-op-background-editor.png?direct&600|Screenshot of Background panel when added to editor}}
-===== Eigenschappen =====
+===== Properties =====
+^ Property ^ Description ^ Type ^ Additional information ^
+| Image | Select/import an Image file | Link to Media Browser |   |
+| Image-scale | Fit for the image {**Stretch to fit/Crop to fit**} | Drop-down | Choose Crop to fit to have the background image fill the page but crop rather than stretch the image. Note: this will have no effect in Internet Explorer. |
+| Opacity | Opacity of the image {0-100 (30)} | Number |   |
+| Darkness | Darkness of the image {0-100 (0)} | Number |   |
+| Greyscale | Greyscale {**on/off**} | Tick box |   |
-^ Eigenschap ^ Omschrijving ^ Type ^ Aanvullende informatie ^
-| Afbeelding | Selecteer/importeer een afbeelding | Link naar mediamap |   |
-| Afbeelding-schaal | Schaal voor de afbeelding {**Uitrekken om te passen**/Bijsnijden om te passen} | Drop-down | Kies Bijsnijden om te passen zodat de achtergrondafbeelding de pagina vult maar de afbeelding wordt bijgesneden in plaats van uitgerekt. Let op: dit heeft geen effect in Internet Explorer. |
-| Doorzichtigheid | Doorzichtigheid van de afbeelding {0-100 (**30**)} | Getal |   |
-| Donkerte | Donkerte van de afbeelding {0-100 (**0**)} | Getal |   |
-| Grijstinten | Grijstinten {aan/**uit**} | Selectievakje |   |