PT Social Media Management

Back to Build Subsites, Templates and Pages

Overview

The Manage Social Media page is a page that contains the data management datasheets for the four social media custom elements. This page is build using a tabbed interface with one tab for each social media service datasheet.

Steps

1. Create a page from the Base Plus One (or a Web Admin) template titled 'Manage Social Media' with the page name 'index' in the /webadmin/socialmedia/ subsite.
2. In the main content area of the page, add a Custom Script element.
3. From the Custom Script element interface, click the "Edit" icon.
4. Enter the following text into the Explicit Module path:
   • /ADF/apps/pt_social_media/customcf/manage_social_media_tabs.cfm

Facebook

1. From the Datasheet element interface, click the "Datasheet" icon.
2. From the "Datasheet Views" dialog, click the "Add Datasheet View" link.
3. Enter the following information and then click "Next":
   1. Name: Facebook Pages View
   2. Private: unchecked
   3. Default View: checked
   4. Description: View to manage the all Facebook Pages
   5. Datasheet Source: Form Result/Custom Element Sheet
   6. Click "Next"
4. From the Datasheet Source dialog choose the "Facebook Pages" custom element and click "Next"
5. From the Datasheet Columns Dialog select the columns UNIQUEID, FBPAGENAME, FBPAGELINK and FEEDACTIVE from the Available Columns list and move them to the Selected Columns list and then click "Finish" or "Save".
6. You will be brought to the Datasheet View page; click "Close" to return to your page.
7. You will see the datasheet element on this page now. Click the Datasheet element interface icon again and this time choose "Edit Columns".
8. Within the Datasheet View Column Properties dialog choose the UNIQUEID column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/edit-delete-native-CS6.cfm
      • or
      • /ADF/extensions/datasheet-modules/1.0/edit-delete.cfm
   2. Click Finish or Save.
   3. In the Header field, switch the text to 'Edit/Delete'
   4. Click Finish or Save
9. Now within the Datasheet View Column Properties dialog choose the FEEDACTIVE column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/value-to-yes-no.cfm
   2. Click Finish or Save
   3. In the Header field, switch the text to 'Active'
   4. Click Finish
10. Close the Edit Column window.
11. If you are using the Edit/Delete datasheet-module '/1.0/edit-delete.cfm'
    1. Go back to the Datasheet element interface, select the Layout button
    2. Uncheck the "Allow JavaScript data sorting" checkbox
    3. Click Save

Twitter

1. From the Datasheet element interface, click the "Datasheet" icon.
2. From the "Datasheet Views" dialog, click the "Add Datasheet View" link.
3. Enter the following information and then click "Next":
   1. Name: Twitter Accounts and Keywords View
   2. Private: unchecked
   3. Default View: checked
   4. Description: View to manage the all Twitter Accounts and Keywords
   5. Datasheet Source: Form Result/Custom Element Sheet
   6. Click "Next"
4. From the Datasheet Source dialog choose the "Twitter Accounts Keywords" custom element and click "Next"
5. From the Datasheet Columns Dialog select the columns UNIQUEID, TWITTERACCOUNTKEYWORD, TYPE and FEEDACTIVE from the Available Columns list and move them to the Selected Columns list and then click "Finish" or "Save".
6. You will be brought to the Datasheet View page; click "Close" to return to your page.
7. You will see the datasheet element on this page now. Click the Datasheet element interface icon again and this time choose "Edit Columns".
8. Within the Datasheet View Column Properties dialog choose the UNIQUEID column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/edit-delete-native-CS6.cfm
      • or
      • /ADF/extensions/datasheet-modules/1.0/edit-delete.cfm
   2. Click Finish or Save.
   3. In the Header field, switch the text to 'Edit/Delete'
   4. Click Finish or Save
9. Now within the Datasheet View Column Properties dialog choose the FEEDACTIVE column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/value-to-yes-no.cfm
   2. Click Finish or Save
   3. In the Header field, switch the text to 'Active'
   4. Click Finish
10. Close the Edit Column window.
11. If you are using the Edit/Delete datasheet-module '/1.0/edit-delete.cfm'
    1. Go back to the Datasheet element interface, select the Layout button
    2. Uncheck the "Allow JavaScript data sorting" checkbox
    3. Click Save

YouTube

1. From the Datasheet element interface, click the "Datasheet" icon.
2. From the "Datasheet Views" dialog, click the "Add Datasheet View" link.
3. Enter the following information and then click "Next":
   1. Name: YouTube Channels View
   2. Private: unchecked
   3. Default View: checked
   4. Description: View to manage the all YouTube Channels
   5. Datasheet Source: Form Result/Custom Element Sheet
   6. Click "Next"
4. From the Datasheet Source dialog choose the "YouTube Channels" custom element and click "Next"
5. From the Datasheet Columns Dialog select the columns UNIQUEID, CHANNELTITLE, CHANNELUSERNAME and FEEDACTIVE from the Available Columns list and move them to the Selected Columns list and then click "Finish" or "Save".
6. You will be brought to the Datasheet View page; click "Close" to return to your page.
7. You will see the datasheet element on this page now. Click the Datasheet element interface icon again and this time choose "Edit Columns".
8. Within the Datasheet View Column Properties dialog choose the UNIQUEID column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/edit-delete-native-CS6.cfm
      • or
      • /ADF/extensions/datasheet-modules/1.0/edit-delete.cfm
   2. Click Finish or Save.
   3. In the Header field, switch the text to 'Edit/Delete'
   4. Click Finish or Save
9. Now within the Datasheet View Column Properties dialog choose the FEEDACTIVE column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/value-to-yes-no.cfm
   2. Click Finish or Save
   3. In the Header field, switch the text to 'Active'
   4. Click Finish
10. Close the Edit Column window.
11. If you are using the Edit/Delete datasheet-module '/1.0/edit-delete.cfm'
    1. Go back to the Datasheet element interface, select the Layout button
    2. Uncheck the "Allow JavaScript data sorting" checkbox
    3. Click Save

WordPress

1. From the Datasheet element interface, click the "Datasheet" icon.
2. From the "Datasheet Views" dialog, click the "Add Datasheet View" link.
3. Enter the following information and then click "Next":
   1. Name:  WordPress Blogs View
   2. Private: unchecked
   3. Default View: checked
   4. Description: View to manage the all WordPress Blogs
   5. Datasheet Source: Form Result/Custom Element Sheet
   6. Click "Next"
4. From the Datasheet Source dialog choose the "WordPress Blogs" custom element and click "Next"
5. From the Datasheet Columns Dialog select the columns UNIQUEID, BLOGTITLE and FEEDACTIVE from the Available Columns list and move them to the Selected Columns list and then click "Finish" or "Save".
6. You will be brought to the Datasheet View page; click "Close" to return to your page.
7. You will see the datasheet element on this page now. Click the Datasheet element interface icon again and this time choose "Edit Columns".
8. Within the Datasheet View Column Properties dialog choose the UNIQUEID column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/edit-delete-native-CS6.cfm
      • or
      • /ADF/extensions/datasheet-modules/1.0/edit-delete.cfm
   2. Click Finish or Save.
   3. In the Header field, switch the text to 'Edit/Delete'
   4. Click Finish or Save
9. Now within the Datasheet View Column Properties dialog choose the FEEDACTIVE column and click "edit":
   1. In the Render Handler field, select the 'Change' button. Enter the following value into the Explicit Module text box:
      • /ADF/extensions/datasheet-modules/1.0/value-to-yes-no.cfm
   2. Click Finish or Save
   3. In the Header field, switch the text to 'Active'
   4. Click Finish
10. Close the Edit Column window.
11. If you are using the Edit/Delete datasheet-module '/1.0/edit-delete.cfm'
    1. Go back to the Datasheet element interface, select the Layout button
    2. Uncheck the "Allow JavaScript data sorting" checkbox
    3. Click Save

Finish

1. Publish this page.