Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><em><strong>Update:</strong> Extended this idea to make XSnippet. <a href="http://openntf.org/XSnippets.nsf/snippet.xsp?id=make-floating-banner-title-bar-and-place-bar-in-application-layout-control-of-extension-library" rel="nofollow">Download it from here</a>.</em></p> <p>To fix the top parts of Application Layout like place bar, title bar you will have to look into the CSS of the HTML page generated by application layout control (Google Chrome has a greate feature of <a href="https://developers.google.com/chrome-developer-tools/docs/elements" rel="nofollow">Inspect Element</a> for that). It uses classes like <code>lotusTitleBar</code>, <code>lotusPlaceBar</code>, <code>lotusContent</code> and so on, which you can use in your custom CSS to create your floating toolbar.</p> <p>So let's say if this is your XPage with application layout control from extension lib.</p> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex"&gt; &lt;xp:this.resources&gt; &lt;xp:styleSheet href="/cssAppLayoutFloatingMenu.css"&gt;&lt;/xp:styleSheet&gt; &lt;/xp:this.resources&gt; &lt;xe:applicationLayout id="applicationLayout1"&gt; &lt;xp:panel&gt; Sample Text. 1 &lt;xp:br&gt;&lt;/xp:br&gt; Sample Text. 2 &lt;xp:br&gt;&lt;/xp:br&gt; Sample Text. 3 &lt;xp:br&gt;&lt;/xp:br&gt; Sample Text. 4 &lt;/xp:panel&gt; &lt;xe:this.configuration&gt; &lt;xe:oneuiApplication titleBarName="Sample Title" placeBarName="Sample Place"&gt; &lt;xe:this.footerLinks&gt; &lt;xe:basicContainerNode label="Container 1"&gt; &lt;xe:this.children&gt; &lt;xe:basicLeafNode label="Link 1" href="/"&gt;&lt;/xe:basicLeafNode&gt; &lt;xe:basicLeafNode label="Link 2" href="/"&gt;&lt;/xe:basicLeafNode&gt; &lt;/xe:this.children&gt; &lt;/xe:basicContainerNode&gt; &lt;xe:basicContainerNode label="Container 2"&gt; &lt;xe:this.children&gt; &lt;xe:basicLeafNode label="Link 1" href="/"&gt;&lt;/xe:basicLeafNode&gt; &lt;xe:basicLeafNode label="Link 2" href="/"&gt;&lt;/xe:basicLeafNode&gt; &lt;/xe:this.children&gt; &lt;/xe:basicContainerNode&gt; &lt;/xe:this.footerLinks&gt; &lt;xe:this.placeBarActions&gt; &lt;xe:pageTreeNode label="Page 1"&gt;&lt;/xe:pageTreeNode&gt; &lt;xe:pageTreeNode label="Page 2"&gt;&lt;/xe:pageTreeNode&gt; &lt;/xe:this.placeBarActions&gt; &lt;/xe:oneuiApplication&gt; &lt;/xe:this.configuration&gt; &lt;/xe:applicationLayout&gt; &lt;/xp:view&gt; </code></pre> <p>You can use this CSS to make the title bar and place bar float</p> <pre><code>.lotusTitleBar { /*Class for Title bar*/ position: fixed; width: 100%; height: 45px; z-index: 100; } .lotusPlaceBar { /*Class for Place bar*/ position: fixed; width: 100%; z-index: 100; top: 45px; /*Start after height of lotusTitleBar*/ height: 35px; } .lotusContent { /*Class for Content*/ position: relative; top: 80px; /*Height of lotusTitleBar + Height of lotusPlaceBar*/ } </code></pre> <p><strong>NOTE:</strong> This is a very basic example with only title bar and place bar. If you include banner or other elements in application layout you would have to modify accordingly.</p>
    singulars
    1. This table or related slice is empty.
    1. POFloat toolbar in an ApplicationLayout?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USNaveen
    1. USNaveen
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POFloat toolbar in an ApplicationLayout?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks! I have more CSS work to play with, but this is what I needed.
      singulars
      1. PO
      1. USSteve Cochrane
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload