Try our conversational search powered by Generative AI!

pappabj0rn
Nov 10, 2009
  9064
(6 votes)

Pixlr Image Editor Gadget

If you haven’t seen it already, there’s a great image editor over at www.pixlr.com, that features a bunch of different tools, layers, filers and much more. Now, wouldn’t it be great to have that inside of EPiServer? Why yes, yes it would! And now you can.

 

The Basics

The Pixlr Image Editor Gadget lets you select an image in your site’s VPPs, sent it to the editor and save it back to the VPP. You may even skip the file selection and just open the editor. You can then either create a new image, or load one from you computer.

select image

Advanced

The advanced options allows you to Create new file. Select this option to save your file as a new file instead of a new version. This option will only affect files stored in the versioning path provider of course.

Save to folder lets you specify a target folder where the image should be saved. You could for example open an image in /foo/ and have it saved to /bar/.

editor

Settings

If you edit the gadget you’ll find two properties. First one is the editor height (min 600px) and the other one controls the size of the preview box in the index view (min 150px).

Source and Installation

Those of you who feel, “Hey, this is awesome, but I just have to change this detail” might want to download the source code. Others might think, “Awesome! Give me 1.0!” – grab it here: PixlrGadget.

Installation is as simple as copying the folders, bin, content etc. to your site root and add one tiny line to your web.config to register the assembly:

<episerver.shell>
    <frameworkModules>
      <add name="Shell">
        <assemblies>
          <add assembly="BearWare.PixlrGadget" />

Please give it a spin and tell me what’s needed for the next release. And by the way, I’ve got a module cooking for CMS 5, so that those editors not fortunate enough to be kicking it in CMS 6 still get some.

And wouldn’t it be super to build a new image property based on Pixlr? I’ll get to that in a while.

Update
I’ve created an epimodule for the gadget so you can install it more easily.

Nov 10, 2009

Comments

Sep 21, 2010 10:32 AM

You're the man Greger!

Sep 21, 2010 10:32 AM

Good stuff :)
/ Frederik Vig

Eric
Eric Sep 21, 2010 10:32 AM

Nice work... Could we please have it on episerver.com after new year ;)

Sep 21, 2010 10:32 AM

nice gadget!!!

Sep 21, 2010 10:32 AM

Certainly something I would use! Now we are talking really useful widget for Editors.... I like.
/ Lena Spegel

Sep 21, 2010 10:32 AM

One of the coolest gadgets so far!
/ Tom Stenius

Petter Klang
Petter Klang Sep 21, 2010 10:32 AM

Love it Greger, but you should really go and get that hair cut.

Fredrik Josefsson
Fredrik Josefsson Sep 21, 2010 10:32 AM

Looks really good Greger, nice work!

Sep 21, 2010 10:32 AM

Thanks everyone. I've added a zip module to ease installation (see end of blog entry).

Please login to comment.
Latest blogs
Optimizely Web... 6 Game Changing Features in 2024

If you are interested in learning about what's new within Optimizely Web, you are in the right place. Carry on reading to learn about the 6 greates...

Jon Jones | Mar 3, 2024 | Syndicated blog

Headless forms reloaded (beta)

Forms is used on the vast majority of CMS installations. But using Forms in a headless setup is a bit of pain since the rendering pipeline is based...

MartinOttosen | Mar 1, 2024

Uploading blobs to Optimizely DXP via PowerShell

We had a client moving from an On-Prem v11 Optimizely instance to DXP v12 and we had a lot of blobs (over 40 GB) needing uploading to DXP as a part...

Nick Hamlin | Mar 1, 2024 | Syndicated blog

DbLocalizationProvider v8.0 Released

I’m pleased to announce that Localization Provider v8.0 is finally out.

valdis | Feb 28, 2024 | Syndicated blog