Use JxLib to customize Flexible web page layout Flexible weblayout

In MapGuide, the flexible web page layout provides five templates, each of which has different styles. You can choose one you like. However, you may want to customize these templates or simply create your own templates. If you have this idea, I hope this article will inspire you. The flexible webpage layout in MapGuide, that is, Fusion viewer is based on OpenLayers and JxLib. The page layout is completed by JxLib, so you can refer to the use of JxLib to modify the layout.

Here is a simple example: Add a panel for the Slate template. The following figure shows the effect:

 

Start to open the Slate template file in your favorite text editor. The default value is C: \ Program Files \ Autodesk Infrastructure Web Server Extension 2013 \ www \ fusion \ templates \ mapguide \ slate \ index.html, and then modify the Code as follows:

...

Panel3 = new Jx. Panel ({

Collapse: true,

Maximize: true,

ContentId: 'taskpane'

});

 

Panel4 = new Jx. Panel ({

Label: 'mytest ',

Collapse: true,

Maximize: true,

ContentId: 'mytest ',

Content: 'Your content here'

});

 

Panelman = new Jx. PanelSet ({

Parent: splitter. elements [0],

Panels: [panel1, panel2, panel3,Panel4]

});

...

Pay attention to the added code in the blacklist.

This is just a simple example. If you want to learn more, you still need to read the relevant documents of JxLib for implementation. You may also be interested in this DevTV video:

DevTV: MapGuide Fusion Technology Introduction
A self-paced video tutorial on how to build a web-based mapping application using the Fusion Viewer Technology and MapGuide Enterprise.
View Online | Download