Create Custom Page

Custom home pages can be created according to the organizational requirements and needs. The section below gives details on how to create Custom Home Page.

To create a new custom home page

1. Right click on the folder in solution explorer, where you want to create a new custom home page, or click on File > New > File in Visual Studio.

2. Specify the page name, for example CustomHomePage.aspx, and click Add.

3. Include the following Register directive for the WebPartManager.

   <%@ Register Src="~/BPMUITemplates/Default/Repository/Site/WebPartManager.ascx" TagName="ECWebPartManager" TagPrefix="wpm" %>

4. Provide the html for the page layout and place the web part zones in an appropriate order.

5. Apply the styles and specify names and labels for them.

   Create a table to define the web part zones in an appropriate order. Add the class "ContainerWebPartZone" to the container of the web part zone, refer image below. This class will ensure that the height and width of the web part is adjusted to the height and width of its web zone .

   

   In the above image <td> is the container of the web part zone and the class within the container is highlighted.

6. Specify the below property to the Page directive:

   EnableEventValidation="false"

7. The ECWebPartManager user control should be the first control in the page:

   <wpm:ECWebPartManager ID="ECWebPartManager1" runat="server" />

8. Create a navigation menu for the new home page

   1. Navigate to Repository Settings > Advanced Settings > Manage Navigation List.

   2. Click on Navigation and specify the details.

9. Log out and Login, as the Enterprise Console menu is cached.

10. Drill down the menu and click on it.

11. A blank page with only the Webparts Settings option will be displayed.

    The page is blank, as only the web part zone(place holders) have been added and not the web parts. Web Parts have to be added through the Webparts Settings option, the following steps will give you details on how to add web parts:

12. Expand Webparts Settings at the top left corner, to view the toolbar.

13. Select the Web Part, which you want to add to the page from the Select Web Part drop down.

14. Select the Web Part Zone, to which you want to add the selected web part from the Select Zone drop down. Click Add Web Part button.

The web part will be added to the selected web part zone.

Similarly you can add other web parts to the other web part zones.

Setting up the custom home page as the landing page (Dashboard) for the logged-in user:

We need to make an entry into the SKEWebPartTemplates and SKEWebPartLayouts tables to reflect the custom home page in ‘Default Home Page’ right.

insert into SKEWebPartTemplates values(NEWID(), '<ApplicationName>', '<HomePage Name>', '<HomePage Path>', 'User')

insert into SKEWebPartLayouts values(NEWID(), '<TemplateId>', '<HomePage Name>', null,  '<ApplicationName>', GETUTCDATE())

Example:

insert into SKEWebPartTemplates values(NEWID(), 'Bata7Repo', 'Custom home page', '~/BPMUITemplates/Default/Repository/Site/CustomHomePage.aspx', 'User')

insert into SKEWebPartLayouts values(NEWID(), '980D6D0E-137C-46AF-8417-81BD7F1D52A7', 'Custom home page', null,  'Bata7Repo', GETUTCDATE())

After that we can edit the security group and set the custom home page as the Default Home page. Then when the user logs-in Enterprise Console, they will be landed to the Custom home page.

Note: To use the Fill Form web part in the custom ASPX page include the following script in that page.
<script>
function open_win(path)
{
OpenWindow(path);
}
</script>