ThinkGeo.com    |     Documentation    |     Premium Support

Display Maps parallel in two columns

#1

Dear,



I want to display multiple maps for comparison purpose. I am getting all the maps in Model as IENumberable and I can render all on the webpage in View. Following is my code.




<tr>
             <td colspan="2">
             <input type="button" id="btnToPdf" value="Print into PDF" onclick="btnToPdf_Click(this);" />
                 <div>@Html.ThinkGeo().Map(Model.maps(0)).Render()<!–</code–>div>

             <!–</code–>td>

             <!–</code–>tr>

             <tr>
             <td colspan="2">
             <table style="Width:100%">
             <tr>
             <td style="width:30%">
             <div style="float:left;">
               @Html.ThinkGeo().Map(Model.maps(1)).Render()
               <!–</code–>div>

             <!–</code–>td>

             <td style="width:30%">
             <div style="float:right;">
               @Html.ThinkGeo().Map(Model.maps(2)).Render()
               <!–</code–>div>

             <!–</code–>td>

             <td style="width:40%">
               @Html.ThinkGeo().Map(Model.maps(3)).Render()
             <!–</code–>td>

             <!–</code–>tr>

             <!–</code–>table>

              
             <!–</code–>td>

             <!–</code–>tr>


All the things are fine only one issue that I want to display the last three maps parallel so I used Table tr and td, but the maps are displayed vertically. See the attached image.



<img alt="" src="/forums/Portals/1/activeforums_Attach/parallel.png" class="afimg" style="border-width: 0px; border-style: solid;" />



Thanks,

Naeem

#2

Hi Naeem, 



Your code looks destroy the format of table, you comment so many close tags. 



Regards, 



Don

#3

Dear,



Thanks for your reply. I am able to sort out that.



Regards,

Naeem

#4

Hi Naeem,  
  
 I am glad to hear that works for you. 
  
 Any question please let us know. 
  
 Regards, 
  
 Don