As far back as I can remember, WebCenter Sites' Contributor UI dashboard widgets have been simple HTML tables full of text. Behold, D3.js, a JavaScript library that helps "bring your data to life" and easily create animated graphics.
A good use case for this is the two dashboard widgets that come with Function1's LingoTek inside WebCenter Sites product (pictured below), which simply show some numbers about recent activity between WCS and Lingotek.
...
In this blog, I would like to show how to create a custom left navigation pane in contributor UI for 11g. As the name suggests, navigation panes are used to show trees or navigation hierarchy for assets within a site.
To create a new navigation pane, we will, first need to extend the LeftNaviagtionConfig element. This element can be found here:
UI/Layout
Copy content of this element into a new CSElement. For this example, create the following element.
CustomElements/<your site name>/...
WebCenter Sites allows you to customize the UI in many ways. Much of the UI is rendered using Dojo, but very little of WCS's Dojo APIs are documented. Here are a few simple Dojo code snippets that may be of use to you:
The WebCenter Sites developer guide describes how to display an "info" message (the green message pictured above), but you can also display warning (yellow) and error (red) messages:
var view = SitesApp.getActiveView(); // the active view (AKA the current tab)
view.info("OK Message."); // display...
Content Editor: "Why does it show all these fields on this form? I don't want to see the ones that our site doesn't use."
You: "Because other sites require those fields."
Content Editor: "Can you please remove them, it is confusing."
You: "Hmmm."
Applies To
OracleWebCenter Sites 11g (version 11.1.1.8.0)
Introduction
Often our flex assets have quite a few attributes which all end up on the same "Content" tab in the Contributor UI. The tab ends up being inconveniently long and the attributes are disorganized.
By customizing some UI elements, we can add new tabs to the content entry forms like in the image above (notice the new "Article Metadata" tab).
This blog post describes how to create these new tabs.
...
If you have been working on WCS for a while, you have probably run into situations where you need to customize the contributor UI. WCS has provided some hooks for this, but often the documentation is too basic and requires more research and reverse engineering.
In an effort to shed some light into UI customization, at Function1 we have authored a series of UI customization blogs: How to build custom attribute editors in WebCenter Sites 11.1.1.8,...
Starting with WebCenter Sites 11g BP1, Oracle had introduced various ways to customize the UI interface. Function1 has other blogs that talk about some of these techniques: Altering WebCenter Sites 11gR1 & Customizing Toolbar Buttons in Oracle WebCenter Sites. In this blog, I like to detail implementation steps to create a custom attribute editor. Attribute editors are used to customize asset forms. More...
New York | Washington, DC | Toronto
Phone: 202.888.6434
Email: info@function1.com
Function1, Inc. Copyright 2024. All Rights Reserved