How hard is it to do a tab box on a layout region where whatever tab you click on it will go to that page only in the tab area box, example pic posted.
Printable View
How hard is it to do a tab box on a layout region where whatever tab you click on it will go to that page only in the tab area box, example pic posted.
You can do that with the Multi Layout Region tool in NOF.
I think I have a pretty good idea what you mean by using the multi layout region, what I am not sure about tho is how do you go about getting the tab look. It is easy enough to make a square box where all the text is but how do you get the little tab thingies at the top of each one?Quote:
Originally Posted by Technology Ideas
Also I am assuming you layer one layout region over top the first layout region and so on? Is there a tutorial on any of this?
Read the manual or the Help menu in NOF, it's all in there, but find the Multi Layout Region icon in the Standard Tools and choose Tab Top. You can add numerous tabs by clicking on the + key in the Multi Layout Region properties box.
Ok thanks checking it out now.Quote:
Originally Posted by Technology Ideas
Does anybody know if the tiny tabs themselvesl can be a different color. I do not see anywhere to change the color of the tab not just the background.
Also another question now. When I created the first one for the first time I thought in preview I remember seeing the entire box with tabs and all (like the outline of a box) But after that playing with somethings all I see now is just the tabs only with a line under them, but the line does not go down the sides or the bottom to form the box look. What happen, it is sitting on a white background. I have not yet published it I only looked at it in page preview. Shows it fine in the work area just not in page preview, and not sure about publish mode.
You edit the look of the Multi Layout Region in STYLE. Find on the left a CSS file called MutliLayoutRegion1TabTop.css (or similar, depends on how many you have) and then go through each of the lower CSS selectors (nav a etc.). In the CSS Common properties box on the right, click the Background icon and you'll find the image for the tabs which you can change to your own graphic or just make it plain using colour if you want. Not sure about the box issue surrounding it, but start again if you've played around and it's disappeared.
To add to my previous post, you can add CSS border to the box inside each Tab if that's what you meant. It doesn't have a border around the whole area though by default. It shows the items outline in NOF, but it's not actually in code. You can add borders in the MutliLayoutRegion1TabTop.css file mentioned in my previous post to achieve what you want.
Well I am in style view and trying to figured it all out, but never really messed with MLR before. As you may be guessing I am not seeing where I can make the changes in that big list to just each tab by itself to change color. Again I do not necessarily want the entire tab page to change to a certain BG just the tab itself. All pages in the MLR can be white but I would like to have each tab be a certain color.Will look for the boarder thing as well..I am reading the user guide but for me as usual in this case, not much help.Quote:
Originally Posted by Technology Ideas
Thanks for all you are telling me about.
Well still no luck at all. Been reading the user manual but that is not much help. Been finding a few things I have changed color on, but as you might guess not the things I want to change. Found something clear to the right on boarder width and I guess color and things; I made sure all was checked and used the black color but still no box around the entire thing and still have not found anywhere, where each individual tab can be changed on color. I have 5 tabs I would like each tab to be a different color. The more I look it seems like this is not possible. But knowing me I might be missing something.
Does all of this have to be done in Style view on what I am wanting to do or can some of it be done in page view using the CSS boxes on the lower right hand side. This is another good example of what I was saying awhile back on making things so easy. In the MLR properties box, you select the tab/page you want to be on (the area where it shows what you named it) and there somewhere you can change a tab color, to be different then the rest. And on the general tab there would be a box to assign the size of the border and the color. That would be the easy way, but alas such is not the case. OK now what am I missing here.
Apparently not many must know about using the tabs MLR, alot of views but little on comments. I want to thank Technology Ideas for the help he gave me. I have been in style view trying to make the boarder thing happen, and I had check boxed some things thinking it would work but still nothing. It looks funny on the page with just the tabs showings and a thin line underneath and that is it, no sides or bottom.
If the individual tabs can not each have their own color that is ok.
To put a border around it is very easy. All this stuff is done in CSS as stated in previous posts, but specifically in this case:
MultiLayoutRegion1LYR .ui-tabs-panel --> Go to the CSS Common box on the right, choose the Borders icon and select the frames on the left (select each one) and then choose the type of frame, colour and thickness you want.
See picture:
Attachment 165
I would suggest you look at the CSS sections of NOF Manual and visit http://www.w3schools.com/css/ so that all this makes more sense. CSS is very powerful and NOF 11 utilises it a lot, but it won't make sense without the basics if you don't already have them.
There was a massive thread on customising the MLR a few months ago, maybe last year even. Not sure if it made it over in the migration from nntp to forums, or, indeed, in the re-organising of the newsgroups following the change of management. Someone (I think it was Barbara but not sure if it was the same Barbara that is on these forums) spent a lot of time investigating, interrogating and trying things out and finally published a summary of how it all works. Since I have yet to use MLRs I didn't pay a lot of attention but you might want to search for it. Again, don't know how good the search in the forums is, but a good newsreader will search the newgroups comprehensively.
Forgot to add, you can't have different coloured tabs using NOF Multi Layout Regions.
As a solution, you could achieve what you want using coloured boxes at the top of an iFrame and change the iFrame information once a coloured box is clicked.
That's what I did here: http://www.valentinetool.com/
Content was put in an iFrame and used AllWebMenu for the navigation. AWM
makes it easy to call and iFrame. I found this much nicer than working
with the MLR component and the options for navigation customization is
unlimited.
tOC
"Technology Ideas" <Technology.Ideas.4blcun@no-mx.forums.netobjects.com>
wrote in message news:Technology.Ideas.4blcun@no-mx.forums.netobjects.com...
>
> Forgot to add, you can't have different coloured tabs using NOF Multi
> Layout Regions.
>
> As a solution, you could achieve what you want using coloured boxes at
> the top of an iFrame and change the iFrame information once a coloured
> box is clicked.
>
>
>
> Regards,
> Andrew Baker | http://www.technologyideas.com.au
> Australia
The V Bulletin search functions are actually quite powerful, especially if the advanced features are used correctly.Quote:
Originally Posted by franko
The document franko was referring to: http://netobjects.com/en/nof/11/00/o...R.pdf?type=pdf
Ironically, in this case, you can't just search MLR :)Quote:
Originally Posted by Andy Hoyt
I'll bet that the admins here have accepted the default search parameters. And those parameters ignore three letter words.
Most do leave it at more than 3, I'm not suggesting they change it at all, I was just having a laugh at the irony in this particular case :)
Well I opted for the 2 sides and the bottom, the top line went across the top of the tabs and did not look right. However now that there is no top line the two sides line stick up above the tabs and with no top line I think is still pretty bad. Is it suppose to be like that? I have enclosed an example.
Also now it does not seem to resize with the changing of the tabs, I believe the box is suppose to change to different sizes depending on the content on each page, correct? If so I must have changed something else how do I get that to work again?
I don'[t think you've followed my instructions fully see: http://forums.netobjects.com/showthr...ll=1#post43130 and you won't have that problem. It is the specific CSS attribute called MultiLayoutRegion1LYR .ui-tabs-panel (2nd from the top of that box).
See image:
Attachment 167
MLR's do have a fixed size based on the deepest tab that sets the depth of the rest of them, so they will all be the same.
Well for some reason I do not have a MultiLayoutRegion1LYR I have a MultiLayoutRegion2LYR but will look again. 2 instead of 1Quote:
Originally Posted by Technology Ideas
As per my previous posts, the number MultiLayoutRegion1 might change based on how many you've made, so MultiLayoutRegion2LYR is also correct depending on which one you want to change or how many you've made whilst testing, but the principle stays the same. Using my method, it looks like this:
Attachment 169
I am looking at yours example now ...I just posted an example update on my post above this one
Did you see my example update pic 2 posts up does it look like I am in the right spot? I think I am ....your example looks like I want mind to look
Yes, you are in the right spot and doing the right thing. I tried your example without the top line (see image without top border, although I think it looks better having them all switched on like my first example) but they don't run to the top of the tabs like your original picture, so just also make sure you didn't try putting borders around it whilst playing around. If you've played around too much, I'd delete the MLR you've made and start from scratch and just change the part I've mentioned.
Attachment 171
As much as I dread that idea I may do it just to see if I did do something on the other one. Knowing my luck it will probably be some kind of glitch or something. Nothing likes to work right for me. Seems like I live under one of murphy's laws all the time. If something is bound to go wrong it will.
You can keep the one you've done and create another one so that you can copy and paste the information inside the tabs so you don't have to redo that bit, then delete it.
If you've played around with borders, and it's wrong, it may take you longer to fix than redo.
Remember what I said about if it is bound to go wrong it will. Well I just made another one with no content at all just the box itself, only checked the 3 boxes 2 sides and one bottom and I got the same thing again ..lines stick up above the thin blueish line under the tabs. if I check the top box it puts the top line above the tabs. Got to be something going on, I usually ask myself why me. :-(
Just for the heck of it I changed the thickness a bit and the color as you can see by the attached example I am still getting a thin black line above the red is that something different ? not part of the other stuff?
I think I can see where you're going wrong, it's hard to do this remotely. See image and then make sure you remove the borders from the selection above it:
Attachment 174
Ok need to go for now but I will work on that for sure...are you saying I need only do one of them or should I be doing both 1st and 2nd if only one which one.Quote:
Originally Posted by Technology Ideas
Just the 2nd one and clear the first one. Selecting it only on the far left, doesn't change it in the box I've highlighted.
Thanks TI it all works now. I am so happy we got that figured out. Thanks for being patient with me and others that have posted in this thread as well.
Hi all,
A little late but I think this tutorial may help a bit:
http://netobjects.com/en/nof/11/00/o...ab_Top_MLR.pdf
View a list of CSS properties for the selected element by opening the CSS panel and switching to the Computed tab. You can only see the computed style when a single element is selected.
If a property is set by a rule, an arrow displays next to the property name. Click the property to view the rule and the value that the rule specifies.
I would suggest you look at the CSS sections of Manual and visit https://www.welookups.com/css/default.html
so that all this makes more sense.
A screenshot of the system view with the system graphic tab selected left-click image to see it full size
attachment=0:1nrx0dznsysviewgraphic.GIF/attachment:1nrx0dzn
Steve