How to add Tab Pages.... Help please!

3 messages Options
Embed this post
Permalink
Khalid-2

How to add Tab Pages.... Help please!

Reply Threaded More More options
Print post
Permalink
Hi,
 
I am new to Fusion. I am using Fusion with Mapserver. I am trying to use Tab Pages fucntionality instead of Panels and found that we can use Jx.Tab to show layers and selection on Tab pages but I could not find any example. I am not sure if this feature has been implemented in Fusion for Mapserver. If somebody can give me an example about it that would be great.
 
Thanks for your help.
 
Regards,
 
Khalid
 
 


_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Tómas Guðmundsson

RE: How to add Tab Pages.... Help please!

Reply Threaded More More options
Print post
Permalink
Some javascript/style in this post has been disabled (why?)

Hi

 

I have not tried this out at all and I don’t know anything about tabs but maybe you could try to use Jx.Tab instead of Jx.Panel in your main index.html and I don’t think that the PanelManager will be able to manage them but maybe there is a TabManager?

 

I know they didn’t help me a lot but there are some test pages for the Jx stuff. So maybe you could open up http://localhost:8008/mapguide2009/fusion/jx/tab/test.html and then look at the code, see how it’s done there?

 

Regards

Tómas.

 

From: [hidden email] [mailto:[hidden email]] On Behalf Of Khalid
Sent: 20. ágúst 2008 22:32
To: [hidden email]
Subject: [fusion-users] How to add Tab Pages.... Help please!

 

Hi,

 

I am new to Fusion. I am using Fusion with Mapserver. I am trying to use Tab Pages fucntionality instead of Panels and found that we can use Jx.Tab to show layers and selection on Tab pages but I could not find any example. I am not sure if this feature has been implemented in Fusion for Mapserver. If somebody can give me an example about it that would be great.

 

Thanks for your help.

 

Regards,

 

Khalid

 

 

 


_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Paul Spencer-2

Re: How to add Tab Pages.... Help please!

Reply Threaded More More options
Print post
Permalink
In reply to this post by Khalid-2
Hi Khalid,

the tabs are not specifically part of Fusion, but rather a component  
of the Jx library that we are basing fusion on.

A tab in Jx is essentially a button that is linked to a content area  
that is to be displayed when the tab is selected.

There are two ways to work with tabs - the first is using a tab box  
and the second is not using a tab box.

Using tab box:

var tabBox = new Jx.TabBox('<contentId>', '<position>');

where <contentId> is the id of a <div> that you want the tab box to be  
inside and <position> is one of 'top', 'right', 'bottom', and 'left'  
which dictates where the tab bar will go (typically you want top).

Then creating tabs is simple:

var t1 = new Jx.Tab('<label>', {contentID: '<contentId>'});
var t2 = new Jx.Tab('<label>', {contentID: '<contentId>'});
// ...
tabBox.add(t1, t2 /*, ... */);

where <label> is the text on the tab and <contentId> is the id of a  
<div> that will be displayed when that tab is active.

The non-tabbox case is more flexible because the tabs don't have to be  
directly attached to the content area, but a bit more work to set up  
(not a lot though)

var toolbar = new Jx.Toolbar('<contentId'>); // the id of the <div> to  
put the toolbar in
var tabset = new Jx.TabSet('<contentId>'); // the id of the <div> to  
put the tab content into
var t1 = new Jx.Tab('<label>', {contentID: '<contentId>'});
var t2 = new Jx.Tab('<label>', {contentID: '<contentId>'});
toolbar.add(t1, t2);
tabset.add(t1, t2);

Now to use this with Fusion, you set up your tabs then in the  
ApplicationDefinition you can use the same <contentId> as you used for  
a tab with a widget to have that widget appear inside the tab.

Cheers

Paul

On 20-Aug-08, at 6:32 PM, Khalid wrote:

> Hi,
>
> I am new to Fusion. I am using Fusion with Mapserver. I am trying to  
> use Tab Pages fucntionality instead of Panels and found that we can  
> use Jx.Tab to show layers and selection on Tab pages but I could not  
> find any example. I am not sure if this feature has been implemented  
> in Fusion for Mapserver. If somebody can give me an example about it  
> that would be great.
>
> Thanks for your help.
>
> Regards,
>
> Khalid
>
>
>
> _______________________________________________
> fusion-users mailing list
> [hidden email]
> http://lists.osgeo.org/mailman/listinfo/fusion-users


__________________________________________

    Paul Spencer
    Chief Technology Officer
    DM Solutions Group Inc
    http://www.dmsolutions.ca/

_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users