CSS Help

Hi All

I am new to the Domino Environment and have been asked to create a

website using our domino server. At the moment I have a form that gets

its style from a .CSS file. I have a Horizontal Header Section,

Vertical Menu Section and a Main Body Section. On the Vertical Menu

Section I call into this layout a Menu System that was created using

AllWebMenus Pro V3.1. I have several pages also created, what I would

like to do is on the click of a menu item the relevant page is

displayed in the Main Body section of my form. I dont know if this

will be possible to do using AllWebMenus, I can create the menu using

CSS styles but how do I get from say a hotspot event to load a page

into my Body Section of my Form.

Any and all help is greatly appreciated.

Regards

Douglas Bell

Subject: CSS Help

Hey Douglas,

First, you could try the CSS-based menu found here:

http://www.brainjar.com/dhtml/menubar/

I’ve actually included an example of usage of this menu type in Domino here:

http://www.dominoguru.com/dominoguru/home.nsf/articles/cc103791d44128f885256de3005d9932

I would personally build your application based off of this architecture:

a blank navigator called “index.html”

a form called $$NavigatorTemplate for index.html

a form called “Display”

a subform called “CommonFields”

a subform called “Header”

a subform called “VerticalMenu”

a subform called “Footer”

Ok, you’re going to take both forms and set them to “Treat Contents as HTML”.

Add the CommonFields, Header and Footer to the forms as Computed Subforms in this fashion:

CommonFields sits on top of everything.

Then your hand-written markup (ie: …)

Then, in your body tag, include your Header subform.

Now, place your VerticalMenu subform.

Give enough whitespace for simple markup of the actual body.

Then end it with the Footer subform and an ending “”.

Ok, now pop your Brainjar menu (after a few CSS mods) in the VerticalMenu subform.

Put the header content in the Header and the footer content in the Footer subforms.

Now all you should need to do is make sure that the CommonFields section contains your head information ($$HTMLHEAD for example) and use a Computed Text section to write that on the fly.

Then simply populate the $$NavigatorTemplate for index.html body with you home page content and set the Display form as the Form Formula for your main content view and whammo!

Let me know if you need help with this or if this didn’t make a bit of sense,

-Chris