Landscape Mode in Version 10 / 12

This post about Landscape Mode is a continuation of a discussion that occurred recently on the Forum. We’ve often spoken about the usefulness of this forum and we will continue to do so. If you haven’t already subscribed to the Oracle Intelligent Advisor forum, you should do so right now – and update your preferences to ensure that you are kept in touch whenever anything is added.

The question concerns a feature of Version 10 that didn’t really find it’s way into Version 12. In version 10, when creating a Screen that is used for Entity Collection, you have four choices:

Lanscape Mode in Version 10 Entity Collect
Entity Collect Screen in Version 10

Of the four choices, we can exclude for the moment the Custom… option since it is based on CSS which we can accomodate with JavaScript Extensions. Portrait and Tabular we know since they exist in version 12. But what about Landscape mode?

It is good practice to use the sample projects – both version 10 and version 12 – to learn about the functionalities of the product. Looking into the Healthy Eating project – which is both in 10 and 12 – you can see that in version 10 it used Lanscape Mode, but in version 12 it uses Tabular mode. This in itself is an important fact – by looking at the two, we can learn that landscape mode is not supported and we can see that Tabular mode is a good alternative.

In the above composite image, item one is the version 12 display, and items 2 and 3 represent Landscape Mode in version 10. Clearly version 10 is less efficient in terms of real estate, since the creation and addition of instances requires two different Screens instead of the single one in the first example.

So we can announce clearly to our customer that we are not able to create Landscape Mode, but that we have a much more efficient solution. Tada!

But suppose that the customer decides that Landscape Mode was the right display in version 10 and now wants it in version 12. How can we produce the same effect with not too much cost?

Let’s add some CSS to the standard Portrait layout – since it is simpler to style – and create the first Screen, more or less. We cannot – and will not – reproduce the selection box to select an instance since that is really not very nice at all for the user – but with just a few inches of CSS we can get pretty close:

Landscape Mode in Version 12 with CSS
.opa-entity-collect-instances
{
	display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
}

The second Screen is easy to create. We just need to switch to an Entity Container to add data to the existing instances. We’ll not bother adding the colors that were present in version 10, but the basic look and feel is the same.

So we have been able to implement a rough approximation of the Screens from version 10, in version 12 even without Landscape Mode. And it cost us just a few lines of CSS.

Now let us suppose that the customer insists on having the checkboxes and delete button that was present in the image above, entitled number one. It allows the user to select one or more than one instance and delete it/them in one shot.

To be continued…

PS if you are interested in crossing from version 10 to version 12, we have a thematic glossary online.

Author: Richard Napier

Richard Napier joined Siebel Systems in 1999 and took up the role of managing the nascent Siebel University in Southern Europe. He subsequently was Director of Business Development and Education for InFact Group (now part of Business & Decisions) for 8 years. He now runs Intelligent Advisor IT Consulting OÜ. Owner of intelligent-advisor.com, he also is Co-Founder of the Siebel Hub.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Worldwide
Logo by Southpaw Projects LLC