Jan 23, 2015, 7:42 AM
93 Posts
topic has been resolvedResolved

Facets

  • Category: Other
  • Platform: Windows
  • Release: 9.0.1
  • Role: Developer
  • Tags:
  • Replies: 4

Hi guys,

 

Hopefully a simple one...

 

I have an application layout with facets - left for nav, and centre for content.

I was wondering, is there an easy was the stop the content in the left facet scrolling,and only the content facet.

What I was to achieve, is the navigation I have in the left facet, to always show in place, where as at the moment, when I scroll down to view all the content in the main facet, I lose the navigator and need to scroll back to the top to see it.

 

Any idea's?

 

Thanks

Jan 23, 2015, 10:35 AM
589 Posts
hmm

It's doable of course...  the question is how to do it inside oneUI...  I believe it's really a CSS thing that would control it.  Not sure exactly but I believe the solution is not really in the domino/xpages world but the html/css world.

Suggest you take a had look at the html that's being output to the browser for the left menu.  Break it down to something small.  Then search on StackOverFlow for relevant questions on menu scrolling etc...

Jan 23, 2015, 12:27 PM
93 Posts
Bootstrap

Hi David,

I should have mentioned, I'm using the bootstrap stuff....

 

I'll have a proper play and try a few more things next week and feedback here if I come up with a solution

 

Jan 23, 2015, 3:43 PM
589 Posts
hmm

ok.  good to know.  Probably easier to fix in the long run.

One thing I've not done yet is use Bootstrap via the Application Layout control.  I've just made my own layout custom control and used that.  So depending on what your actual html output looks like you might want to consider that.  But since you're using bootstrap an answer should really be just a Google search away I'd think.  I usually have good luck with that.

 

 

Feb 13, 2015, 10:53 AM
93 Posts
fixed menu

Just realized I never posted back here, so thought I would in case anyone else has a similar requirement...

For me it was a simple 2 steps:

 

Step 1: Give the menu or container etc an id. In my case id="sidebar"

Step 2: Add a script block with the following:

$('#sidebar').affix({
      offset: {
        top: 245
      }

 

Job done (modify the offset value as required) and the menu now scrolls down the left facet with me as I scroll the content in the main facet.