Is there a way to change icon when using GlassMapper BeginEditFrame?

Question

I need to edit complex sitecore fields in Experience Editor and I am using Glass's BeginEditFrames for that as it only requires change in code.

I am using:

using (BeginEditFrame(Model, "Edit Properties", x => x.Body, x => x.SelectAuthors)) 

This is working fine.

Now the requirement is to change the icon that shows up in edit frame in Experience Editor. I am not sure how can we achieve that.

I have tried the solution mentioned at https://github.com/mikeedwards83/Glass.Mapper/issues/178 but this is not working for me. There doesn't seem to be an override for BeginEditFrame method as mentioned in the post above. I am using Glassmapper v4.5.0.4

Please advice if there is an out of the box way of doing this using GlassMapper.

Answer 1

You will see if you look in the core DB that glass creates custom experience editor buttons in the following path when you use BeginEditFrame: /sitecore/content/Applications/WebEdit/Custom Experience Buttons.

Try finding the custom edit buttons that glass has created and changing the icons. In the unlikely event that doesn't work you could create your own folder of custom buttons and point at that. The syntax is:

@using(BeginEditFrame("/sitecore/content/webedit/buttons", Model.Path)){


}

This first parameter can be an ID which is a better approach. The ID or path point to the folder of custom buttons you have created. Each custom button can have an icon defined like any normal sitecore item.