18
The default framework includes the Search bar so modifying this will allow you to remove this if you do not want to see it on your portal. The best way to change the default framework is to copy it and then modify the copy to include any changes you may require. Also provides a development base for your future theme changes which will not impact on the standard SAP ones. Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator. Step 2 - Copy default framework Go to Content Administration tab and open the following folder: Portal Content->Portal User->Standard Portal Users. Now right click on the 'Default Framework page' item in this folder and select 'Copy'. Step 3 - create new framework(paste) Now go to your own content folder, i.e. the one you have

Theme Configuration

Embed Size (px)

Citation preview

Page 1: Theme Configuration

The default framework includes the Search bar so modifying this will allow you to remove this if you do not want to see it on your portal. The best way to change the default framework is to copy it and then modify the copy to include any changes you may require. Also provides a development base for your future theme changes which will not impact on the standard SAP ones.

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator.

Step 2 - Copy default framework Go to Content Administration tab and open the following folder: Portal Content->Portal User->Standard Portal Users. Now right click on the 'Default Framework page' item in this folder and select 'Copy'.

Step 3 - create new framework(paste) Now go to your own content folder, i.e. the one you have created to store your own content. Right click on 'Portal Users' folder within here and choose 'Paste as a Delta Link'.

Page 2: Theme Configuration

Step 4 - Change id of new framework Now right click on the newly created delta link and choose 'Change ID'

A process will happen checking whether this action is possible. On the confirmation page click next.

Now enter your new object ID i.e. myframeworkpage and press Finish

Page 3: Theme Configuration

Step 5 - Modify framework page Next double click on the newly created default framework page within your content folder. If your want to remove the search bar then untick the 'Visible' column for the 'Tool Area' row. Also set the name(far right) to one of your choosing (i.e. My Framework Page)

Step 6 - Desktop Innerpage If you check the Desktop Inner page checkbox and choose open you can modify its associated attributes such as portal favourites.

Page 4: Theme Configuration

Therefore if you want to remove the portal favourites untick its checkbox and click save.

Step 7 - Finished Your new portal framework page has now been created

Step 8 - Next step Next step is to create a new SAP Portal theme.

Page 5: Theme Configuration

First you need to have created a new Portal default framework which provides the outline of how your portal is going to look.

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator with system administration rights, this role has lots of power to messup the portal so be carefull:-)

Step 2 - Navigate to existing theme Go to 'System Administration' tab and select the 'Portal Display' sub tab. Now ensure the Theme Editor option is selected. Now click on the 'SAP Tradeshow' theme.

Step 3 - Copy existing theme Click on the 'Save AS' button and enter a new name and ID. Click Save (this may take a while to save so be patient).

Page 6: Theme Configuration

Step 4 - Create portal desktop Once you have successfully saved your new theme you need to create a new SAP Portal Desktop, within the 'Desktops & Display Rules' section. Click here for step by step

Page 7: Theme Configuration

instructions on creating a SAP portal desktop.

Page 8: Theme Configuration

First you need to have created your new SAP Portal theme or know which of the existing themes within your SAP portal you are going to uw.

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator with system administration rights

Step 2 - Create portal desktop Once you have successfully saved your new theme or know the name of the existing one your going to use goto the 'Desktops & Display Rules' section. This is within the System Administration->Portal Displays tabs. Within the 'Portal Content' folder find the folder containing your content and right click on the 'Portal Users' folder within here. select New->Portal Desktop.

Step 3 - Portal desktop details Now enter the Portal Desktop Name and ID

Step 4 - Portal desktop details Now right click on the Framework page you are using(i.e. 'My Framework Page' the one

Page 9: Theme Configuration

you created) and select 'Add Framework Page to Portal Desktop'

This will now add the framework to your new Portal desktop

Step 5 - Add theme Now goto the themes folder, still within 'Portal content' and select 'Add theme to Portal Desktop'. This will now add the theme to your new Portal desktop

Step 6 - Save and close Now press the save button followed by the close button and your are done.

Step 7 - Next step Next step is to assign your desktop to users, this can be to all users or specific user.

Page 10: Theme Configuration

First you need to have created a new Portal default framework which provides the outline of how your portal is going to look, got a SAP Portal theme and assigned it to a portal desktop

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator with system administration rights, this role has lots of power to messup the portal so be carefull:-)

Step 2 - Navigate to Desktop & Display Rules Go to 'System Administration' tab and select the 'Portal Display' sub tab. Now click the 'Desktops & Display Rules' link.

Step 3 - Administrators Open PortalContent->Portal Administrators->Super Administrators and double click on the 'Master Rule Collection' entry

Step 4 - Add new IF Expression Next you need to add a second expression so that the administrator user uses a different SAP portal desktop. This helps create a safe environment for the administrator user to try out new options and functionality without effecting other users. Also might be and idea to give a second use admin authority and point it to a separate desktop as well, this way if you manage to mess things up to a point where you cant even login such as removing the content entirly, the second user can login and fix it.

Click Add IF Expression

It should default to [IF] [User] [=] [*],

Page 11: Theme Configuration

and [THEN] [Portal Desktop] [=] [pcd:portal_content/every_user/general/defaultDesktop]

Change the If expression to: [If] [User] [=] [Administrator] (note the capital ‘A’) and click Apply

The rules should then look like this:

Step 5 - Change THEN statement Click on the 'THEN...' line of the rule you want to change. Now Open your content folder and right click on the portal Desktop you want to use and select 'Add Portal Desktop to Expression'. Now click Apply.

Page 12: Theme Configuration

Step 6 - Next step Next step is to change your theme attribute and CSS values.

Page 13: Theme Configuration

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator with system administration rights.

Step 2 - Navigate to your theme Go to 'System Administration' tab and select the 'Portal Display' sub tab. Now ensure the Theme Editor option is selected and click on the portal theme that you want to change (i.e. MyTheme)

Step 3 - Change theme attribute values Now you will see a list of page elements on the left and when you click on each one their associated attributes on the right. For example the first element th 'Portal Masthead' has a number of attributes which can be set using this method to change the look and feel. So looking at the small section shown in the image below you can see that you can change a number of attributes of welcome area such as Font Color, Font Style, Font Weight etc.

Page 14: Theme Configuration

Step 4 - Change attributes that arn't available in the theme editor An important thing to note is that you can also change attributes that arn't shown in the list, for example if the 'Font Weight' attribute was not there you could still change the font weight by adding the following standard CSS code to end of the size attribute ';font-weight:bold'. This basically closes off the size tag with the ; and then declares the new weight tag. Any number of CSS tags can be added like this to any field you like.

Another way to demonstrate this is if now add the following position tag(which is not available in theme editor) to the Font Color field attribute ';postion:absolute; left:50; top:50;' and Press the enter key. You should now see the welcome text move to the specified possition in the preview window.

Page 15: Theme Configuration

Step 6 - Next step Next step is to change the portal CSS values directly in the html files associated with a theme.

Page 16: Theme Configuration

Step 1 - Login First things first you need to login to your SAP portal as the Portal administrator with system administration rights.

Step 2 - Navigate to export page Go to 'System Administration' tab and select the 'Portal Display' sub tab. Now ensure the Theme Transport option is selected and you should see a list of themes available to export.

Step 3 - Export / download SAP portal theme Now simply click on the theme you want to export (i.e. MyTheme), click save on the popup, choose a destination to save it too. A zip file should now have been created containing the files associated with creating that specific theme.

Step 4 - Change theme files Next step is to un-zip this file, and the folders within it. You can now start having a look at the html, css and image files. Once you feel confident about which file controls what and you have made your required changes, re-zip the files back up into there original structure and use the import theme functionality on the portal transport page (used in step 2).