如何使用应用程序布局控件将图形放置在OneUI .lotusBanner区域中

Question

我正在使用扩展库应用程序布局控件，并且需要在右侧的.lotusBanner div中放置横幅图形。如何执行此操作，因为似乎无法修改应用程序布局控件。

Answer 1

您可以在Steve Pridemore所做的扩展控件上使用utilityLinksFacet。

http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&documentId=CED2E61A75526CD086257997006DA95B

或者你可以使用onload javascript来添加它。

Answer 2

通过执行以下操作，我可以在横幅区域的应用程序布局控件的右上角放置一个图形：

1. 在Banner下的控件中＆gt;实用程序链接我添加了一个Basic节点。对于节点我指定了href和图像。这工作并将图像放在正确的位置。
2. 此工件是Banner Application链接的位置。为了解决这个问题，我使用了一些CSS作为.lotusBanner ul.lotusLinks {margin-top：45px; position：absolute;}
3. margin-top是推动链接，所以我可以放大Application Layout Control使用的徽标。

Answer 3

如您所知，ExtLib中的applicationLayout控件被锁定为仅允许开发人员更改配置的某些方面。您可以添加指向applicationLayout不同部分的链接，但除此之外没有任何内容。

一种可能的替代方法是不使用applictionLayout控件本身，而是在自定义控件中创建自己的近似值。您需要在所有正确的位置添加所有必需的panel / div以及特殊的oneUI2类，然后添加这些面板中的可编辑区域和回调，用于您希望在整个应用程序中自定义的部件。 applicationLayout控件中的所有其他部分（如bannerUtilityLinks）都是使用也可在扩展库中找到的ListofLinks控件创建的。