Datapolis Process System
Custom Form Css
You can change the CSS file reference used in action form. Follow the below PowerShell script example (the setting is web-scoped):
Add-PSSnapin "Microsoft.SharePoint.PowerShell"
$dpca = [Reflection.Assembly]::Load("Datapolis.WorkBox.Common, Version=1.1.0.0, Culture=neutral, PublicKeyToken=2c03c3097ac016b8")
$webUrl = "http://gasco-dev-ks/sites/DPSPL"
$newCssUrl = "/_layouts/15/Datapolis.WorkBox/WBActionForm_Custom.css"
$web = Get-SPWeb $webUrl
[Datapolis.WorkBox.Common.PowerShell.Configuration]::SetDefaultActionFormCss($web, $newCssUrl)
Default css file is "/_layouts/15/Datapolis.WorkBox/WBActionForm.css":
Use the original css file content to create you own unique action form styling:
.wb-progress { display: none; background-color: White; width: 100%; height: 100%; text-align: center; vertical-align: middle; z-index: 50; position: absolute; top: 0; left: 0; } .wb-progress-table { width: 100%; height: 100%; text-align: center; display: table; } .wb-progress-div { display: table-cell; vertical-align: middle; width: 500px; height: 300px; display: inline-block; } .wb-center { margin-left: auto; margin-right: auto; } .wb-progress-div { text-align: center; vertical-align: central; } .wb-progress-description-div { text-align: center; vertical-align: central; width: 600px; } .wb-form { display: block; width: 100%; max-width: 720px; } .wb-form-informationbar { display:block; margin-top: 8px; margin-bottom: 8px; max-width: 720px; width: 100%; } .wb-fields { display:table; border-width: 0px; width: 100%; max-width: 720px; border-collapse: collapse; } .wb-field { display:table-row; width: 100%; } .wb-field-label { display:table-cell; width: 300px; vertical-align: top; } .wb-field-label > div { display:table; } .wb-field-body { display:table-cell; width: 100%; max-width: 430px; float: left; } .wb-field-label-title { display:table-row; } .wb-field-label-title > div { display: table-cell; white-space: nowrap; } .wb-fade { opacity: 0.3; } .wb-field-label-desc { display:table-row; } .wb-field-label-desc > div { display: table-cell; } .wb-field-label-title-text { text-align: justify; display: inline-block; word-break:keep-all; white-space: nowrap; } .wb-field-label-validation { padding-left: 3px; } .wb-field-label-desc-text { font-weight: normal; white-space: normal !important; text-align: justify; display: block; word-break: break-all; } .wb-field-body-rtb { width: 390px; } .wb-field-body-text { width: 386px; } .wb-field-body-dropdown { } .wb-field-body-files { } .wb-field-body-fileslst { } .wb-field-body-datetext { } .wb-field-body-datedesc { } .wb-field-body-checkbox { } .wb-field-body-people { width: 386px; } .wb-field-body-radiolst { } .wb-field-body-lstbox { } .wb-field-body-combo { } .wb-field--body-msg { } .wb-field-body-valid { } .wb-field-body-desc{ } .wb-fields-btns { display: table; width: 100%; border-collapse: collapse; max-width: 720px; margin-top: 8px; } .wb-fields-btns > div { display: table-row; } .wb-fields-btnspacer { display: table-cell; width: 100%; } .wb-fields-btnsep { display: table-cell; } .wb-field-btncell { display: table-cell; padding-top: 7px; white-space: nowrap; } .wb-field-btn { } .wb-rtl { float: right; } .wb-ltr { float: left; } .wb-substitution-picer { display:table; margin-top: 8px; margin-bottom: 8px; } .wb-substitution-picer > div { display: table-row; } .wb-substitution-picer-lbl { display: table-cell; padding: 5px; vertical-align: middle; } .wb-substitution-picer-ddl { display: table-cell; padding: 5px; vertical-align: middle; } .wb-substitution-picer-ddl > select { float: right; min-width: 200px; } .wb-table { display:table; } .wb-table > div { display:table-cell; } .wb-table > div > div { display:table-cell; }