HTML Before

This property is required in order to use the Page Utility web part, which is often used to display action buttons above the grid. This is where the work is done to link in the actions.

NOTE: In order to use the GDA 2.0 with actions, you must have a specifically configured SharePoint List Data Provider and a specifically configured Page Utility web part.  The appropriate configurations for each of these web parts are discussed in the Additional Web Part Configuration section. The discussion of the Page Utility references a JavaScript helper file. Click here to download that file.

Comments regarding the highlighted settings in the example below can be viewed by clicking on the highlight.

Example:

<script

          src="CWAction.js"

          ></script>

<style>

.EditBoxCenter The settings will be applied to anything with the class of EditBoxCenter. { text-align:center; }    

.ActionButtonText{padding:12px 0px 0px 0px}

.ActionButton{width:130px; height:45px; background-image:url('../images/ActionButton.png'); background-repeat:no-repeat; text-align:center; color:white; font-family:Tahoma; font-size:Small}

</style>

<table

                style="background-color:#F2F2F2; width:100%"

                >

<tr>

<td

                style="font-size:small; font-family:Tahoma; padding-left:5px; padding-right:5px; width:40px You can modify any of the settings up through and including this line. They do not affect how the actions work, they simply defines how the action buttons will look."

                >Actions:</td>

<td

                style="width:130px"

                >

<div

                style="cursor:hand"

                class="ActionButton"

                onClick="GetSelectedItemsForAction This is a built-in helper function in the Page Utility. ('[<[GDA20AL]>]/ModifyCompany.cwad This is the location of the action library (defined with a global variable in this example) and the file name of the action definition called by this button.' , 'Modify Company This is the text used to label the action button.', 'GetMyGridContacts() GetMyGrid is a function available with the Grid Display Adapter 2.0. In this example, the grid title (identified in the Appearance Title property) is Contacts. ', 'ModalForm In this example, the Page Utility's ID is ModalForm. Each Page Utility can have a different ID and can be called uniquely.', 'SiteURL', 'ListId', 'UniqueId', -1 This tells the JavaScript how to handle items that are/are not selected. );"

                >

<div

                class="ActionButtonText"

                >Modify Job Title</div>

</div>

</td>

<td

                style="width:130px"

                >

<div

                style="cursor:hand"

                class="ActionButton"

                onClick="GetSelectedItemsForAction('[<[GDA20AL]>]/UpdateStatus.cwad', 'Update Status', 'GetMyGridTasks()', 'ModalForm', '');"

                >

<div

                class="ActionButtonText"

                >Update Status</div>

</div>

</td>

<td

                style="width:auto"

                ></td>

</tr>

</table>

Back to Top