Widget Spaces

A widget space declares which widgets a user or community group member can drop on a personalization page. You can create and modify these types of widget spaces:

• Group space—widgets that can be applied to a community group. See Also: Creating a Community Group Personalization Page
• User space— widgets that can be applied to a user's profile.

These widgets appear in the personalization screen’s widget tray when a membership user is personalizing a page.

A third type of widget space, Workarea Dashboard, determines which widgets are available to users when customizing their Smart Desktop.

For example, NASCAR community group members are only allowed to drop weather and news feed widgets onto the group's personalization page. In this case, you would

1. Create a widget space.
2. Select only weather and news feed widgets.
3. Sign on to Visual Studio to create the .aspx page.
4. Drop a Personalization user control onto the page.
5. In the control’s widgetspaceID property, identify the widget space you created in Step 1.

Steps for Creating a Personalization Page

Prerequisite:  To access this screen, you must be a member of the Administrators group

1. Go to Ektron Workarea > Settings > Configuration > Personalizations > Widgets. See Also: Widget Reference
2. Click the Synchronize Widgets from the Website/Widgets Folder button make sure all widgets are available.
3. Go to Settings > Configuration > Personalizations > Widget Space.
4. Click the Click Here to Add a Widget Space button.
5. Enter a Title.
6. Click the Group Space radio button if this widget space will be used for a community group personalization page.

Click the User Space radio button if this widget space will be used for a user's personalization page.

7. Select widgets that authorized users will be able to drop onto a page.

As you select a widget, its background color change

8. Click Click Here to Add a Widget Space.

NOTE: Remember your widget space’s ID number. You need it when setting up the Personalization user control.

NOTE: The rest of this procedure explains how to create a personal portal for a membership user. To learn how to create a portal for a community group, see Creating a Community Group Personalization Page.

9. Open Visual Studio.
10. Create a new Web Form.
11. Switch to design view.
12. From the Toolbox, drag and drop an Ajax Extensions > Script Manager control.

NOTE: If you do not see a Script Manager control, install the Microsoft AJAX Library 3.5. To do this, go to http://www.asp.net/ajax/downloads/.

13. In the Visual Studio folder browser, open the workarea/personalization/ folder.
14. Drag and drop a Personalization user control (personalization.ascx).
15. Set the control’s widgetspaceid property (circled below) to the ID number of the widget space you added in Step 8.
    

    

16. Save the Web Form.

Verify that the User is Authenticated

Your page should redirect the user to the personalization page, or use an ASP.NET panel to verify that user is authenticated.

NOTE: The asp.net panels are implemented in eIntranet and ektron Tech site.

Here is sample code.

Aspx.cs

// To check if user is logged in or not
Ektron.Cms.CommonApi IsUserLoggedIn = new Ektron.Cms.CommonApi();
if (IsUserLoggedIn.IsLoggedIn)
{
Response.Redirect(“dashboard.aspx”);
Or
pnlDashboard.Visible= true;
}
Else
{
pnlDashboard.Visible=false;
}

Aspx

<asp:Panel ID="pnlDashboard" runat="server" Visible="False">
<asp:ScriptManager ID="ScriptManager1" runat="server" 
  EnablePartialRendering="true">
</asp:ScriptManager>
<ucEktron:Personalization ID="widgetSpace" WidgetSpaceID="1"
  DynamicForeignIDParameter="id" runat="server" />
</asp:Panel>

The Synchronize Widgets Screen

Prerequisite: To access this screen, you must be a member of the Administrators group or be assigned the Widget Synchronizer role

This screen helps you synchronize widgets in your Web site’s siteroot/widgets folder with those in your Ektron Workarea. So, for example, you recently created 2 new widgets. To make them available within the Workarea, click the Synchronize Widgets from the Website/Widgets Folder button.

After you click the button, you see new widgets on this screen and other Workarea screens that let you select widgets. Conversely, clicking this button removes any widgets that you delete from the siteroot/widgets folder.

This screen also lets you edit widgets by clicking the corresponding Edit button (). For most widgets, you can change only the title and label. However, you can change a few widgets' properties. For example, you can enter or update properties of the Brightcove video widget.

Inserting a Tab and Column

The user adds a tab by clicking the down arrow circled above and choosing Add Tab.

When creating a tab, the user must decide if it is public or private.

• Any logged-in user can see a user’s public tab by visiting his profile and clicking Dashboard.
• A private tab is visible only to the user who created it.

Adding Columns

Next, the user must add at least one column. To do this, he clicks the down arrow circled below and chooses Add Column.

Adding Widgets

To add a widget, the user clicks the other down arrow (circled below), then drags and drops the desired widgets.

The selection of widgets was determined when the widget space was created. See Also: Creating an Individual Personalization Page

Setting up a Community Group Personalization Page

To create a community group personalization page, follow the instructions in Creating an Individual Personalization Page, with the following differences.

• When creating a Widget space, check the Group Space radio button.
  

  

• When a developer creates an .aspx page and drops a personalization control, the selected Widget space must be one whose Group Space box is checked.
  

  

• A private tab is visible only to group members.
  

  

How a User Interacts with a Community Group Personalization Page

To access a community group personalization page, a membership or Ektron user group member logs in then navigates to the group’s personalization page. See Also: Creating a Community Group Personalization Page

Initially, a group personalization page looks like this.

Community group members work with a personalization page in the same way they work with individual personalization pages. See Inserting a Tab and Column