PT Photo Gallery Photo Size Admin Datasheet

Overview

The Photo Size element is a global custom element. Managing data for global custom elements can be configured easily through the use of Datasheets. The following sections will describe how to configure the datasheet to manage the Photo Size element data.

Steps

1. Open the Photo Manager page in authormode.
2. On the third tab labeled "Size" is a Datasheet and Simple Form element.
3. From the Datasheet element interface, click the "Datasheet" icon.
4. From the "Datasheet Views" dialog, follow the "Click here to create a new datasheet view" link.
5. Enter the following information and then click "Next":
   1. Name: All Photo Size
   2. Private: unchecked
   3. Default View: unchecked
   4. Description: View to manage all of the photo sizes
   5. Datasheet Source: Form Result/Custom Element Sheet
6. From the Datasheet Source dialog, choose the "Photo_Size" custom element and click "Next".
7. From the Datasheet Columns dialog choose a few columns from the Available Columns list and move them to the Selected Columns list. (Title, Directory, Width, Height, Type, etc...), then click "Finish".
8. You will be directed to the Datasheet View page. Click "Close" to return to your page.
9. You will now see the datasheet element on this page. Click the Datasheet element interface icon again and choose "Edit Columns".
10. From the Datasheet View Column Properties dialog, choose the link for "Add a new action column".
11. Within the Action Column Properties dialog, enter the following information and click "Finish":
    1. Header: Edit
    2. Hide Header: Checked
    3. Column Text:
       1. <div class='ds-icons ui-state-default ui-corner-all' title='edit' ><div style='margin-left:auto;margin-right:auto;' class='ui-icon ui-icon-pencil'></div></div>
    4. Window Target Name: <leave blank>
    5. Available Modules: edit-form-data.cfm
12. From the Datasheet View Column Properties dialog, choose the link for "Add a new action column" again.
13. Within the Action Column Properties dialog enter the following information and click "Finish":
    1. Header: delete
    2. Hide Header: Checked
    3. Column Text:
       1. <div class='ds-icons ui-state-default ui-corner-all' title='delete' ><div style='margin-left:auto;margin-right:auto;' class='ui-icon ui-icon-trash'></div></div>
    4. Window Target Name: <leave blank>
    5. Available Modules: delete-form-data.cfm
14. Close the Edit Columns window.
15. Publish this page.