ThinkGeo.com    |     Documentation    |     Premium Support

Multiple Description Panels on the Same Page

#1

Hi,


I have been using Map Suite and I really like how you implemented the description panel on your How Do I Sample Apps.  Currently I'm building an application where I want to make use of these description panels but I can only seem to have on description panel at a time.  Is there anyway to allow having two description panels on the same web page?  Ideally I would like to have two of these one for my control buttons and another for my layer manager, with them both being able to be floated on top of the map and draggable around the screen.


Thanks!



#2

Clint, 



The Description panel is just a helper tool for showing sample information. It isn’t a part of our product, so you can find there are lots of hard codes in the published source code “DescriptionPanel.js”, such as “var oDiv = document.getElementById("descriptionPanel");” etc, and that’s why you just can use one DescritionPanel in a page. 



I think it’s a little complex if we want it to apply the description above. Lots of logics need to be modified except dragging logic. Here are the steps: 



1. Overwrite the Render method of DescriptionPanel class with all the codes in “DescriptionPanel.html”, and then change the ids of all elements to “this.ClientID+ original id”. 

2. Modify the hard code ids in “DescriptionPanel.js” as input parameters. 

3. Modify all the references of the JavaScript function. 



Another better solution is that we can use JQuery. Here is a sample docs.jquery.com/UI/Draggable .That just needs server lines and is simpler. 





Any questions please let us know. Thanks. 



Johnny