~[wc:commonscripts]
~[wc:admin_header_css] ~[text:psx.html.admin_reports.runreports.start_page] > PowerSchool Customization ~[wc:admin_navigation_css] ~[SetPostValue:tab=forms]

# PowerSchool Customization

~[x:insertfile;tabs.html]
PowerSchool Form Template
Naming Conventions
From inputs for core and custom fields:
<input type="text" name="[Table_Name]Field_Name" value=""/>

- Text Inputs - value="" is required to ensure that the current value will display for existing records
- Checkboxes - use value="1" for boolean (true/false) fields

Form inputs for database extension fields (one-to-one table extensions):
<input type="text" name="[PrimaryTable.ExtensionGroupName]Field_Name" value=""/>
AC Values
PowerSchool forms must have an action (ac) value to successfully modify data. The required action depends on the portal being customized.

Portal | Required AC
Admin | <input name="ac" type="hidden" value="prim"/>
Teacher Portal | <input name="ac" type="hidden" value="webasmt"/>
Public Portal (Guardian) | <input name="ac" type="hidden" value="autosendupdate"/>
Public Portal (Student) | PowerSchool security prevents updates from the public portal when logged in as a student

## PowerSchool Table Classes

Link Description List
<table class="linkDescList">
Note that the table code does not have the zebra striping (alternating blue/white background color) in the <tr> tags. This table class will automatically stripe alternating rows via CSS. `

    <table class="linkDescList">
    	<thead>
    		<tr>
    			<th>Column 1 Header</th>
    			<th>Column 2 Header</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr><td>Column 1 / Row 1</td><td>Column 2 / Row 1</td></tr>
    		<tr><td>Column 1 / Row 2</td><td>Column 2 / Row 2</td></tr>
    	</tbody>
    </table>

`

Column 1 Header | Column 2 Header
--- | ---
Column 1 / Row 1 | Column 2 / Row 1
Column 1 / Row 2 | Column 2 / Row 2

Grid
<table class="grid">
The grid class will add grid lines and table header formatting without zebra striping. `

    <table class="grid">
    	<thead>
    		<tr>
    			<th>Column 1 Header</th>
    			<th>Column 2 Header</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr><td>Column 1 / Row 1</td><td>Column 2 / Row 1</td></tr>
    		<tr><td>Column 1 / Row 2</td><td>Column 2 / Row 2</td></tr>
    	</tbody>
    </table>

`

Column 1 Header | Column 2 Header
--- | ---
Column 1 / Row 1 | Column 2 / Row 1
Column 1 / Row 2 | Column 2 / Row 2

Sortable Table
<table class="tableToGrid" >
The tableToGrid class generates a table that can be sorted by clicking column headings. `

    <table class="tableToGrid">
    	<thead>
    		<tr>
    			<th>Text</th>
    			<th data-sorttype="integer">Integer</th>
    			<th data-sorttype="date">Date</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr><td>Alpha</td><td>10</td><td>1/1/2000</td></tr>
    		<tr><td>Bravo</td><td>22</td><td>12/25/2013</td></tr>
    		<tr><td>Charlie</td><td>199</td><td>7/4/2013</td></tr>
    		<tr><td>Delta</td><td>3</td><td>10/31/2012</td></tr>
    	</tbody>
    </table>

`

Text | Integer | Date
--- | --- | ---
Alpha | 10 | 1/1/2000
Bravo | 22 | 12/25/2013
Charlie | 199 | 7/4/2013
Delta | 3 | 10/31/2012

Table Filter
<table class="linkDescList" data-pstablefilter="">
Adding a table filter to a table allows users to filter table results by entering text into a filter box. `

    <table id="table1" class="linkDescList" data-pstablefilter="">
    	<thead>
    		<tr>
    			<th>Column 1 Header</th>
    			<th>Column 2 Header</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr><td>Student</td><td>Teacher</td></tr>
    		<tr><td>Course</td><td>Section</td></tr>
    		<tr><td>District</td><td>School</td></tr>
    	</tbody>
    </table>

`

Column 1 Header | Column 2 Header
--- | ---
Student | Teacher
Course | Section
District | School

~[x:insertfile;footer.html] ~[wc:admin_footer_css]