Date: Thu, 28 Mar 2024 19:42:35 +0000 (UTC) Message-ID: <1502806341.10765.1711654955084@911f0a1bad02> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_10764_434222724.1711654955083" ------=_Part_10764_434222724.1711654955083 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html
Style classes have been set on key html elements from the dialog content= s, you can use this to define desired style of the content.
This feature is only available from 7.4.1 onwards.
See Customizing the Web Client for more = info. The following examples are css classes and rules that can be added in= default css in order to modify default appearance.
".media-upload" is= the root html hierarchy attached tot the iframe body. If you want to add p= reliminary padding/border/margins you can use directly this class.
To strip off the border and title of the fieldset use these rules:
.media-upload = fieldset { /*removes border*/ =09border: none; } .media-upload fieldset media-upload-title{ /*hides title*/ =09display: none; }=20
To style the 'choose file' and 'upload' button(you can also use 'fixed' = position type to place them exactly where you would want them):
.media-upload-= choose-btn{ /*'choose file' button container*/ width:100px; height:40px; position:relative; background-image: url(/servoy-webclient/templates/lafs/kunststoff/images= /button/secondary-enabled.gif); } .media-upload-choose-btn input{ /*'choose file button'*/ width:100px; height:40px; position:absolute; cursor:pointer; } .media-upload-upload-btn { /*'Upload' button container*/ position:absolute;=09 right:10px; } .media-upload-upload-btn input{ /*'Upload' button*/ /**/ }=20
To style the 'Files' section:
.media-upload = .wicket-mfu-caption{ /*'Files' label*/ =09background:blue; } .media-upload fieldset tr{ /*a 'files' section entry*/=20 background:red; } .media-upload fieldset tr input{ /*'Delete' button */=20 background:green; }=20
To change the action buttons from image media component ('Save','Upload'= ,'remove') you can apply these :
.image-media-s= ave { =09background:url(http://img1.wikia.nocookie.net/__cb20091124122226/mafiawa= rs/images/8/82/Icon_star_16x16_gold_01.gif); =09width:0; /*must be set to 0*/ =09height:0; /*must be set to 0*/ =09padding:8px; /*must be half of the image size*/ } .image-media-upload { =09background:url(http://img1.wikia.nocookie.net/__cb20091124122226/mafiawa= rs/images/8/82/Icon_star_16x16_gold_01.gif); =09width:0; =09height:0; =09padding:8px; } .image-media-remove{ =09background:url(http://img1.wikia.nocookie.net/__cb20091124122226/mafiawa= rs/images/8/82/Icon_star_16x16_gold_01.gif); =09width:0; =09height:0; =09padding:8px; }=20
The url from css can also be embedded data url, for example:
background= -image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZ= u6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAA=20 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAA= AAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeK=20 qNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2h= B0SlBCBMQiB0UjIQA7);=20
See http://css-tricks.com/data-uris/ for more info on ex= act syntax.
Replacing Def= ault Element Images