Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Kieron McIntyre 117 posts 360 karma points
    Oct 30, 2011 @ 18:01
    Kieron McIntyre
    0

    How do I add a link/module to the Canvas Mode toolbar?

    I want to be able to mimic the "Customize skin" functionality seen in Canvas mode of the the starter kits. How can I add a link/module to the canvas mode toolbar?

    I have seen the relevant files/js in the umbraco/liveEditing/controls/ folder but I have no idea how to implement a new module, or how I can specify which modules appear for a specific template.

    I was hoping this would be covered in the Umbraco User's guide but sadly not.

    Is this functioanlity readily extendible in Umbraco 4.7?

  • Tim 1193 posts 2675 karma points MVP 4x c-trib
    Nov 07, 2011 @ 13:20
    Tim
    0

    Alright fella, good to see you on here!

    Are you just wanting to enable the skin customizer functionality for a site? If so, check out this doc: http://www.scribd.com/doc/48855409/Umbraco-Web-developer-skinning-documentation I'm not sure how up to date it is, but it covers a lot of the skin stuff, and how to set up and configure your own skins.

    If you're wanting to add something completely custom, then grab the latest 4.7.1 source off of CodePlex, and then load up the solution in VS. The LiveEditing stuff can be found in the presentation project, in /umbraco/LiveEditing/ there's a few bits and pieces elsewhere, but the bulk of the canvas editing code is in that folder I think. There's a live editing menu class that has a Menu collection that appears to contain all of the menu items in it (not 100% as I don't use Canvas mode very often).

    The manager has a few basic events that you can subscribe to, so you might be able to inject additional menu items that way? There's a class diagram in the folder that shows al the methods and events available, which is quite handy!

    The source for the skin module is in there too, in /Modules/SkinModule so you can rip that to bits and see how it works too!

    If you manage to get it working, do a blog post, I'm sure that other folks would be interested to see how its done!

    :)

Please Sign in or register to post replies

Write your reply to:

Draft