You are here

Creating our first page

Now that you have started the application, it's a good time to take a closer look at the possibilities of the portal. At a first glance, the portal does not seem that high tech, i have to admin it so let's login with the default administrator and play God!

The default username/password combination for the integrated WebLogic server in JDeveloper is weblogic/weblogic1 so use these credentials to login to the portal.
Once you are logged in, the login box dissapears and you will see a link to the administration page:

Click on the link and a complete new world will open, especially if you are used to working with WebCenter PS2 or earlier versions.
The administration page consist out of a few tabs:

  • Resources: this is the resource manager where you can... manage the resources. Who would've thought that...
  • Services: in the service tab we will configure connections to different services and some other stuff I will take off later.
  • Security: With the security tab, you can set the roles and rights for the users using the portal. I will also take much about that part in the tutorial
  • Configuration: With the configuration tab you can define which resource catalog, navigation model, template and so on are the default.

Just open each tab once so you see what's on it. This way you get a feel for what is possible in the portal. Again... this is the first part of the tutorial so don't worry if you don't understand everything you see on these pages, I will discuss them into detail later on. By the end of the tutorial, you will be an expert in these matters, i promise!

Creating our first page

The first tab contains the resource manager which is very important. In that manager you will manage everything from pages to navigation models, skins and mashups,...
I've been jabbering quiet some time now about the poewerfull tools of the resource manager and WebCenter Portal but we haven't done anything... It's time to make your hands durty and get on with it.

We'll create a simple page Welcome page. On that page we will put some text and add the page to the navigation. This all in just a few quick clicks.

Make sure you have opened the Resource tab and click on Pages from the left menu. You should see something like this:

The table contains a list of all pages on the top level. So far we only have the home page. Press the Create button to open the Create page popup.
Specify a name for the page like Welcome.
We also have some out of the box styles that we can use for our page. A style defines how the content is layout on our page. A style defines some columns or rows and how large they are. Our Welcome page has a single item on it so no need to select a special style. The blank page style is ok for now:

Press the Create button to finally create the page. You should see an additional row in the overview of the pages.
As you can see, there is a column Show Page. The home page is checked but the Welcome page is not... This is the default when you create a new page. This means that the page will not be a part of the default navigation which means that we won't see a link to our new page on the portal menu. Because we definitly want to add the Welcome page to our navigation, just check the checkbox. It should now look something like the following image:

 In the top right menu of the administration you have a link to return you to the portal. Click on it.
If everything went well, you should see an additional link in the navigation:

Open the Welcome page and you won't see a difference between the home page. This is of course, because we haven't added any content on it.

Add Content to the page

You can edit your page by going to the resource manager and select Edit from the actions menu but this is a bit cumbersome and overkill. Why navigate away from your page to edit the page... That's why Oracle was so kind to provide us with a shortcut to edit the page. Just press CTRL+SHIFT+E. This will open the page in edit mode:

This canvas is called the Composer. It allows you to customize the page at runtime without needing to code anything. We will be using this tool very often so for now, don't worry to much about all the bells and whistles. We'll start of easy.
The page has a blank page style and this is showing here in the Composer. You only have a single region for th complete page (the dashed line is the boundary of the region). When you select another page style, you will have multiple regions.

Press the Add Content button. The popup you see is the Resource Catalog, also a very important component in the world of WebCenter. This catalog contains the building blocks for our page. When JDeveloper creates the application, he also has created a default resource catalog and this is the one we see now. Later on, i will teach you how to customize it.

Open the Web Development folder and press the Add button on the right of the Text component:

Close the resource catalog.
You will see the component in the composer. Press the Edit Text link in the title bar of the component. This will bring up a rich text editor. Enter some text as shown in the following image:

Click on the Done editing link to close the rich text editor.
We are done with editing the page. Close the Composer by clicking on the Close button on the top right op the page.
This will bring you back to the portal and you should see the text:

Congratulations, you now have build your first page!

Time for the next section: configuring the WebCenter portal application.


I have created the welcome page twice but it doe not get saved to the project in Jdeveloper. When I run the app again. Welcome page is gone. Please help.

In the next section Configure the webcenter portal i explain exactly why this is so. This is because the default behavior of JDev is to remove all the runtime customizations when you rerun the project. I also show how to configure it otherwhise.

I am following the section ,I reached properly will creating page .When i tried to Click on "Add Content" .It says that folder is empty .How can i rectify it

Are you logged in to the portal? It's possible if you gave anonymous user edit rights that the resource catalog is empty. You should login with weblogic user who has admin rights.

yeah ...the resource catalog was empty .i did it again now its working .Really appreciate your help.
Thank you so much Yannick.your blog is helping me a lot ...:)

Theme by Danetsoft and Danang Probo Sayekti inspired by Maksimer