ThinkGeo.com    |     Documentation    |     Premium Support

Re-positioning the maptools, any?

#1

Hello,



Is there anyway you can change the position of the map tools? the following are enable:

-MouseCoordinateMapTool().Enabled(true)

-MiniMapMapTool().Enabled(true)



see attached file.



thanks,

rhandy

002_snapshot.png (74.7 KB)

#2

Hi Rhandy, 
  
 You can find a style.css file in your local folder after you run our samples. The path should be something like: 
 C:\Program Files (x86)\ThinkGeo\Map Suite Mvc Full Edition 7.0\HowDoISamples\CSharp HowDoISamples Razor\Content\theme\default\style.css 
  
 You can find related item and modify it there manual. For example, the olControlOverviewMapContainer item should locate MiniMapMapTool. 
  
 Regards, 
  
 Don

#3

hi Don,



Thanks for the reply, just modify the style.css and that’s it?? or i have to include the style.css in my content folder… sorry i am simply a beginner on asp.net mvc.



Regards,

rhandy

#4

Hi Rhandy,



Nothing except 3 things as following:

 1. Please run your application with default setting, to make sure the "theme" folder is upziped from the MvcEdition.dll to the "content\" folder correctly.

2. Use the code as following to make sure you don't unzip the theme resources from mvcEdition.dll anymore to make sure it doesn't overwrite the changes we will do to the style.css

         map.ResourceDeploymentMode = ResourceDeploymentMode.Manual.

3. Open the application folder and navigate to "Content\theme\default\style.css", and open this css file. to change the style of the MiniMap, please search the setting like below to change miniMap's position and style.



.olControlOverviewMapContainer {

    position: absolute;

    bottom: 0px;

    right: 0px;

}


.olControlOverviewMapElement {

    padding: 10px 18px 10px 10px;

    background-color: #DDD;

    -moz-border-radius: 1em 0 0 0;

}



Hope it helps.

Johnny



#5

Hi Johnny,



Thanks for the reply, i do understand how to change it but i don’t understand where exactly to change it, the “Content\theme\default\style.css” does not exist in my application, should i import the entire theme to my application from “C:\Program Files (x86)\ThinkGeo\Map Suite Mvc Full Edition
7.0\HowDoISamples\CSharp HowDoISamples
Razor\Content\theme\default\style.css”?



Kindly elaborate,



Thanks and regards,

rhandy

#6

Hi Rhandy,



The “Default” folder will auto generated after you build your HowDoISample project and run it under “Run as Administrator” mode.



Could you try to run the sample project and let us know whether the css file generated?



Regards,



Don







#7

Hello Don,



Thanks for the reply, i did what you ask and it generate the css file.



regards,

rhandy





#8

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