Add a non-scrolling area to a topic

bmcclintock · Post by **bmcclintock** » Mon Jan 19, 2009 3:30 pm

Hi all,

I'm new to the forum and Flare. Hope someone can point me in the right direction. I would like a non-scrolling area at the top on my topics so that when the topic is long enough to require scrollilng, the topic title remains at the top. This area needs to include the breadcrumbs and H1, H2, and H3 styles (all New Topic styles). This area could also possibly include navigation buttons. I was able to do this in another HAT tool. But can't seem to find my way yet in Flalre. Anyone have any ideas?

Thanks.

Post by **doc_guy** » Mon Jan 19, 2009 3:40 pm

Welcome to the Flare forums. There are examples of people doing this, though I haven't personally played with this. It has to do with modifying your template to contain a DIV that has fixed positioning. This removes the DIV from the document flow, and when you scroll you can scroll past it. (This functions much like a frameset).

I don't have the details, but theoretically you could check out a CSS resource and search for "fixed positioning".

That should get you started in the right direction.

If you need more help, I might be able to assist after Wednesday (big deadline for my job coming up on Wednesday, so I don't have time to do much research for you right now).

But see if "fixed positioning" using CSS doesn't give you want you want.

GregStenhouse · Post by **GregStenhouse** » Mon Jan 19, 2009 6:21 pm

My favorite way of doing this is (you could add this into your master page):

Code: Select all

<body scroll="no">
Non scrolling region text
<div style="height:100%;width:100%;overflow:auto;">
Body text
</div>
</body>

You'll need to tweak this for your project (play around with margins and styles), but this should get you started.

bmcclintock · Post by **bmcclintock** » Tue Jan 20, 2009 7:52 am

Thank you so much GregStenhouse and Doc_Guy.

It sounds like I need start by making a master page and styling my headings in a DIV with a no scroll value. I will let you know of my progress.

Barb

GregStenhouse · Post by **GregStenhouse** » Tue Jan 20, 2009 12:59 pm

bmcclintock wrote:It sounds like I need start by making a master page and styling my headings in a DIV with a no scroll value. I will let you know of my progress.

The method I suggested is kind of doing the opposite, setting the Body tag so that nothing scrolls to start with, then wrapping the scrolling (i.e. body text) region in a DIV with scroll bars added (overflow:auto). I've done this before using other help tools, but not using Flare

But after a quick look, this is how I would do things:

Open your master page in a text editor (e.g. right click the master page, and click Open with>Internal Text Editor
Replace <body> with <body scroll="no">
Save and close your master page
Open your style sheet, and create a new DIV class (right click div, and click Add Class)
Give it the name "scroll"
Set the autoscroll property to auto.
Save and close
Now for each topic in your project, select all the text under your heading, click Format>Group, and select div.scroll from the list.

bmcclintock · Post by **bmcclintock** » Wed Jan 21, 2009 1:42 pm

I would need to do this to each topic? Couldn't I just apply the no scroll value to the headings in the stylesheet and then all topics would be updated with the style? I'm sorry if I am making this more confusing than it needs to be.

GregStenhouse · Post by **GregStenhouse** » Wed Jan 21, 2009 2:03 pm

I don't think setting Autoscroll to Hidden for headings would work, but by all means give it a go.

There are many different ways of achieving this (seach for "non scrolling region" in Google) using frames, CSS, floating windows etc. But I think you'll find what I described is the simplest and less prone to errors.

Cheers
Greg

Post by **doc_guy** » Wed Jan 21, 2009 2:18 pm

In an ideal world, you would have thought of this when you created your project, so you could have created a template to duplicate every time you created a new topic.

That not being the case, I think you will have to make this change in each topic, unfortunately. I don't know how the CSS thing will work out, though. Maybe it will work.

bmcclintock · Post by **bmcclintock** » Thu Jan 22, 2009 9:48 am

Actually, my "project" is in Test mode, so I have not actually started a real project. I'm still learning!

Post by **doc_guy** » Thu Jan 22, 2009 9:51 am

Oh, well in that case, you would make this change a topic, and make that topic be the template. Then when you create new topics, you would base them on the template, and they would just work.

There is a bunch of information on creating templates in the help system.

bmcclintock · Post by **bmcclintock** » Thu Jan 22, 2009 3:55 pm

Thanks, Doc_Guy. I'll try that!

I really appreciate everyone's help!

MadCap Software Forums

Add a non-scrolling area to a topic

Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic

Re: Add a non-scrolling area to a topic