Wanneer pagina's worden weergegeven, worden achtergrondinstellingen dynamisch geschreven naar "style"
-tags in de <head>
-code voor de pagina.
Achtergrondinstellingen worden persistent gemaakt in de paginamodelbestanden (bijvoorbeeld <pagina-ID>.json
). De pagina-achtergrondinstellingen worden met name opgeslagen In de sectie properties.styles
en de slotachtergrondinstellingen in de sectie slots[<slot-ID>].styles
.
Achtergrondinstellingen worden opgeslagen in de JSON-bestanden van de pagina, in "styles"
, zoals wordt getoond in dit representatie voorbeeld.
{ "properties": { "pageLayout" : "oneslot.htm", "styles": [ "background-image: url([!--$SCS_CONTENT_URL--]/background_image.gif)", "background-position: center", "background-size: auto", "background-repeat: repeat", "background-origin: padding-box", "background-clip: border-box" ] }, "slots": { "slot100": { "components": [ "dedda3a8-615d-44ad-ad71-51f2fa465cef", "95eb0fd6-bcfc-4e5e-ba67-a5c8c5d9c315" ], "grid": "<div class=\"scs-row\"><div class="scs-col\"style=\"width: 50%;\"> <div id=\"dedda3a8-615d-44ad-ad71-51f2fa465ced\"> </div> </div> <div class=\"scs-col\" style=\"width: 50%;\"> <div id=\:95eb0fd6-bcfc-4e5e-ba67-a5c8c5d9c315\"> </div> </div> </div>", "styles": [ "background-image: url([!--$SCS_CONTENT_URL--]/oracle-cloudworld.jpg)", "background-position: center", "background-size: cover", "background-repeat: no-repeat", "background-origin: padding-box", "background-clip: border-box", "background-color: transparent" ] } }, "componentInstances": { "dedda3a8-615d-44ad-ad71-51f2fa465cef": { "type": "scs-title", "data": { "alignment": "fill", "backgroundColor": "", "borderColor": "#808080", "borderRadius": 0, "borderStyle": "none", "borderWidth": 1, "fontColor": "#333333", "fontFamily": "'Helvetica Neue', Helvetica, Arial, sans-serif", "fontSize": 24, "marginBottom": 5, "marginLeft": 5, "marginRight": 5, "marginTop": 5, "styleClass": "", "useStyleClass": "true", "userText": "<div>My Test Title</div>\n", "width": 400 } }, "95eb0fd6-bcfc-4e5e-ba67-a5c8c5d9c315": { "type": "scs-image", "data": { "styleClass": "", "useStyleClass": "true", "imageUrl": "[!--$SCS_CONTENT_URL--]/example.jpg", "defaultImageUrl": "/components/comp/images/default_image.png", "style": "", "imageWidth": 0, "borderStyle": "none", "borderWidth": 1, "borderColor": "black", "borderRadius": 0, "altText": "My Image", "title": "My Title", "caption": "My Caption", "imageAlignment": "center", "imageHref": "", "imageTarget": "_self", "marginTop": 0, "marginRight": 0, "marginBottom": 0, "marginLeft": 0, "linkType": "scs-link-no-link" } } } }