BPC-Components

Home > Products > BPC PowerForms > Knowledge Base > Designer > Changing default styles

Changing default styles

 

The content of the includes section are appended inside the final form html. You can add any additional scripts to be included in the form, or define your required styles. For example : 
 

Code
 

<style>
.pf-required-field {border-style: dotted; border-width: 2px; }
.pf-button {background-color:blue; color:#ddd;}
.pf-button:hover {color:#fff;background-color:#000000;cursor:pointer;}
.pf-button:active {color:#fff;background-color:#f0713a;}
.pf-button:disabled {color:#aaa;background-color:#f2f2f2;}
 .pf-toolbar-button {height:80px;width:75px;} 
.pf-section-header-text {font-size:14px; color:#3333FF; float:left;}
.pf-picker-item:hover {color:#000; border-color:#999; background-color:#fff;}
</style>

<script>
function Foo(a) {return a;}
</script>