Quantcast
Viewing all articles
Browse latest Browse all 3876

How to create web page and insert content in it using Web Page Composer in SAP EP 7.3

Hi All,

 

This document will help you to create web page, inserting content into the created page and to display it to end user.

 

Prerequisites:

Roles: 1) Area Management

          2) Accessible Area Management

 

Table of Contents:

 

Step 1: Creating a page/Area

Step 2: Inserting content in Page

Step 3: Assigning Area to role

Step 4: Publishing Page/Area

Step 5: Accessible Area Management

 

 

Step 1: Creating a page/Area

i.   Click on Area management role and go to staging area.

ii.  Now right click on ‘Staging Area’ folder and after clicking on ‘New’, you will get options to create Folder/Area/Page/Imported Page (Page from Portal content).

                  Image may be NSFW.
Clik here to view.
1.png

iii.  Now create a below structure

 

Image may be NSFW.
Clik here to view.
2.png

*Creating Page: right click on Area created,select New-->Page

Image may be NSFW.
Clik here to view.
3.png

You can see as in below snapshots there are few options like selecting layout/Navigation setting/Page toolbar options for your page.

      Image may be NSFW.
Clik here to view.
4.png

Note: If you want to keep version histories for page/area, check “Keep version history for page/Area” checkbox. Only 10 versions can be saved after that it will overwrite old versions.

 

       After clicking on OK your page will be created with the desired layout.

      Image may be NSFW.
Clik here to view.
5.png

        You can change your page layout from the options given under Layouts (refer below snapshot)

       Image may be NSFW.
Clik here to view.
6.png

Step 2: Inserting content in Page

                 Just drag and drop the content from the right hand side content viz.

                 Image may be NSFW.
Clik here to view.
7.png

             i.  Global Shared Content (Folder available in KM under root folder): All the contents in this folder are available here.

         For example,

                 Image may be NSFW.
Clik here to view.
8.png

              ii.   Shared Content in this Area: You can create a shared content in the page, like document repository and can upload content in under Shared Content folder.

              Drag and drop ‘Shared Content’ folder in your page.

                 Image may be NSFW.
Clik here to view.
9.png

               Image may be NSFW.
Clik here to view.
10.png

           iii.  Content Library Staging Area: Contents of other areas is available here. You can drag drop the area in your page. It will look like this.

             Image may be NSFW.
Clik here to view.
11.png

             After drag drop Test area.

            Image may be NSFW.
Clik here to view.
12.png

            iv.   Portal Repository: Only iviews from ‘Content Administration->Portal Content->Portal Applications’ is available. You can simply drag drop these iViews in your page.


For Example,

Image may be NSFW.
Clik here to view.
13.png

v.   Content Templates: iViews from ‘Content Administration->Portal Content->Templates->WPC Templates->iViews->WPC Content’ are available.

Image may be NSFW.
Clik here to view.
14.png

Step 3: Assigning Area to role

     i.   Open role in portal content to which you wish to assign area (page).

For example, WPC_Demo role

Image may be NSFW.
Clik here to view.
15.png

ii.  Click on ‘New’ as shown below then click on ‘Connection’.

Image may be NSFW.
Clik here to view.
16.png

iii.   Below window will open which will need 2 mandatory fields,

Image may be NSFW.
Clik here to view.
17.png

· Connection ID: You can provide any ID except following conditions.

Image may be NSFW.
Clik here to view.
18.png

· Connection Target: It is a path to Area.

 

How to get Connection Target?

In Area Management click on the area, following screen will be displayed in content area.Highlighted ‘Area ID’ is your target.

Image may be NSFW.
Clik here to view.
19.png

Or else click on ‘Send connection request’ link then email will open with target information (which you need to send to your Portal Admin). You will get the ID.

Image may be NSFW.
Clik here to view.
20.png

After entering valid values your connection will be created. Here Demo_ID.

Image may be NSFW.
Clik here to view.
21.png

Image may be NSFW.
Clik here to view.
22.png

 

Step 4: Publishing Page/Area

You can’t publish your area before page. To publish page, first click on page in Area management.

In content area you will see below options.

 

Image may be NSFW.
Clik here to view.
23.png

 

ClickImage may be NSFW.
Clik here to view.
24.png
to publish.

 

Note: Click Image may be NSFW.
Clik here to view.
25.png
to remove (only enabled for published content).

         Click Image may be NSFW.
Clik here to view.
26.png
to save version.

 

Validate links before publish then click ok. After that publish Area.

 

 

Image may be NSFW.
Clik here to view.
27.png

Image may be NSFW.
Clik here to view.
28.png

After publishing End user assigned to role (Here, WPC_Demo) can see the page.Image may be NSFW.
Clik here to view.
29.png

Structure in Area Management will look like below snapshot after publish.

Image may be NSFW.
Clik here to view.
30.png

You can maintain the properties from dropdown in below snapshot.

Image may be NSFW.
Clik here to view.
31.png

 

Step 5: Accessible Area Management

Under Accessible Area Management; area will be shown as folder and page as a normal portal page.

Image may be NSFW.
Clik here to view.
32.png

Now right click and open page.

Image may be NSFW.
Clik here to view.
33.png

Page will be displayed as below in content area.

i.  Page:

Image may be NSFW.
Clik here to view.
34.png

ii.  Properties:You can change the attributes of page under Properties.

iii. Permissions: You can change permissions here.

Image may be NSFW.
Clik here to view.
35.png

iv. Approval Settings: Also you can add approvers; this option will be enabling after when you check ‘Approval required’ checkbox.

Image may be NSFW.
Clik here to view.
36.png

v.  Version History: You can restore previous version which you have saved (maximum 10 versions). Previous version will be immediately changed and current version changes will be lost after clicking on 'Restore Version'.

Image may be NSFW.
Clik here to view.
37.png

vi.  Scheduled Publication: Before publishing page, you can both maintain publish and remove page date and time.

     Post publish you can maintain page removal time. After the deadline end user can’t see the page.

Image may be NSFW.
Clik here to view.
38.png

Image may be NSFW.
Clik here to view.
39.png

 

 

 

 

 

 

 

 

Your Web Page is now created and published to the enduser Image may be NSFW.
Clik here to view.


Viewing all articles
Browse latest Browse all 3876

Trending Articles