~[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=""/>


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.

PortalRequired 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 1Column 2 / Row 1
Column 1 / Row 2Column 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 1Column 2 / Row 1
Column 1 / Row 2Column 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
Alpha101/1/2000
Bravo2212/25/2013
Charlie1997/4/2013
Delta310/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
StudentTeacher
CourseSection
DistrictSchool
~[x:insertfile;footer.html] ~[wc:admin_footer_css]