ThinkGeo.com    |     Documentation    |     Premium Support

EditOverlay styles

#1

Hi,


looking for some help please. My problem is with the EditOverlay. When in Edit mode and I select a feature (a line for example), the selected feature changes to an orange colour with a very thin line which can barely be seen against the aerial base layer. I wanted to know is there any way to change this to another color and width.


Any information will be greatly appreciated.


Regards


Govin



#2

To change the style of the EditOverlay, you can use the FeatureOverlayStyle class where you can set the color and width of the line based features. See the code below where I set the line to green and with a width of 2:



    Feature editFeature = new Feature(lineShape);
    Map1.EditOverlay.Features.Add(editFeature);

    Map1.EditOverlay.TrackMode = TrackMode.Edit;
               
    Map1.EditOverlay.EditSettings.IsDraggable = true;
    Map1.EditOverlay.EditSettings.IsReshapable = false;
    Map1.EditOverlay.EditSettings.IsResizable = false;
    Map1.EditOverlay.EditSettings.IsRotatable = false;

    FeatureOverlayStyle featureOverlayStyle = new FeatureOverlayStyle(); 
    featureOverlayStyle.OutlineColor = GeoColor.StandardColors.Green;
    featureOverlayStyle.OutlineWidth = 2;
                
                
    Map1.EditOverlay.Style = featureOverlayStyle;
 

 This affects the style of the EditOverlay when the feature is not being edited. A member of the web development team will follow up on this post for setting the style while the feature is being edited. Thank you.


 



#3

Hi, Govin


The method Val has mentioned in the last reply only can affect the default style. I guess that’s not what you want. In fact, features in EditOverlay have a number of style attributes. The “default” style will typically be used if no other style is specified. These styles correspond to the styling properties defined by the SVG standard.


If you want to change the style for selected features, please add the attached javascript codes before the head closing tag of your aspx page.


For example, if you want to change width of line for the selected feature, and you can change the strokeWidth property of “select” style.


If you have additional questions, please let us know.


Thanks,


Khalil


 



SelectedFeatureStyle.txt (1.7 KB)

#4

Thanks Val and Khalil, really appreciate it. Just what I needed Khalil.

#5

You are welcome. If you have any questions, and just feel free to let us know. 


 



#6

Govin,


 I let you know that we created a Web project in the Code Community for everybody to take advantage of. You can check it out if you wish. EditOverlay Styles code.thinkgeo.com/projects/editoverlaystyles


Thank you for the idea. Val.


 


 



#7

Thanks Val.

#8

You are welcome. Any other questions or doubts, let us know.