WinForms - SVG Gallery and Image Picker (v18.2)

Each new release introduces vector icon support in several new controls. For v18.2, here is the list:

  • BackstageViewControl and its items
  • RecentItemControl and its items
  • Context Buttons

With the relevance of vector icons growing all the time, we have received many requests for a rich collection of images. In v18.2, we ship an SVG Image Gallery with 32 categories packed with icons:

v18.2 SVG Image Gallery

As a side note, keep in mind that you can also create your own images with the Icon Builder! If you haven’t made the move to vector icons yet, now might be the time.

Vector Image Picker

No matter how pretty and technically advanced those vector icons are, it is still a time-consuming process to configure them for all your controls. We are streamlining things with our new Vector Image Picker, which can be docked as a panel anywhere in Visual Studio. To bring up the panel, use the item Image Picker… in the Smart Tag menu of the form.

Open the Image Picker Panel

The cool thing about docking the Image Picker is that you can drag icons directly onto controls, or activate them with a double-click. Even better, the Image Picker tracks selections in the designer, analyzes element captions and displays the most likely icons in the Suggestions category.

Selection-Based Suggestions

Currently you can drag icons to the following controls:

  • Bars
  • Ribbon
  • Simple Button
  • Office Navigation Bar
  • Windows UI Button Panel
  • Accordion Control
  • NavBar Control
  • Group Control
  • Label Control

Please leave a comment in case you require drag support for additional controls!

As always, your opinion matters!

Please tell us what you think. Do you already use SVG icons? Do you plan to migrate to SVG icons, or use them in your next project? Do you like the Image Picker features?

21 comment(s)
Brendon Muck [DevExpress MVP]

Looking very forward to the new Image Picker drag-and-drop panel. Setting individual menu item icons was so tedious before; this is a huge step up!

24 October, 2018
Christopher Jay

Freaking awesome.

24 October, 2018
Noufal Aboobacker 1

Will this be avaiable for WPF Customers as well?

24 October, 2018
Eric Upton 1

This is a great usability improvement.

24 October, 2018
Anurag Mahato

What about WPF ?

24 October, 2018
Customer37575

Image Picker is a very interesting thing. But you need a choice not only from the SVG collection, but from the PNG collection

24 October, 2018
Mark Bissett 1

I agree with Customer37575 - PNGs too please as I don't use SVG...

24 October, 2018
Daz

I just checked out the icons and I find then a little bright and garish for my tastes. They look like a unicorn threw up on them.

24 October, 2018
Andrew Fraser

Yes, more PNG icons please !!!

25 October, 2018
Dmitry Babich (DevExpress)

Thank you the feedback!

Yes, we will consider adding PNG icons to the new Image Picker  as well.

@Daz

As for colors, they depend on the selected palette. You can try changing an active skin and pallete in your application, and you will see that SVG icons change their appearance accordingly. Moreover, you can create a custom pallete for your skin to make SVG icons look exactly like you want. Drop us a line in case you encounter any difficulty with this task at winformsteam@devexpress.com.

25 October, 2018
Government Data Miner

Looking forward to this!

25 October, 2018
Behdad Khoshbin 1

Thanks , it is great, is it possible to let end user use ImagePicker? Is it a stand alone control? is it possible to choose the color too? It was excellent if it was mixed with your svg builder too.

25 October, 2018
Dmitry Babich (DevExpress)

@Behdad

Technically, it should be possible to reuse our Image Picker at runtime. Feel free to create a support ticket in our Support Center or email us at support@devexpress.com and describe your scenario. We will do our best to help you.

26 October, 2018
Daz

Thanks Dmitry.  I hadn't realised that the colours changed based on palette.  They are looking much better now.

26 October, 2018
Behdad Khoshbin 1

@Dmitry

eg: Consider end user selects profile picture or do some personal customization.it is like devexpress's filter control, it was at first for internal use and then it became standalone.

Also it will be great if we could add icon fonts like icomoon or add our own svgs

26 October, 2018
Alex Chuev (DevExpress Support)

Noufal & Anurag:

We plan to extend the existing image picker to show SVG images from the Images library. Feel free to email me at wpfteam@devexpress.com if you want to discuss any other ideas/requirements.

Thanks,

Alex

26 October, 2018
Lluis Franco

Awesome! :D

We're planning to replace all our bitmap images with svg images.

However, sometimes we need to use images that are not in devexpress images library.

It'd be nice to drag these images to the control directly from other sources, like file system or project resources.

31 October, 2018
JørgenF

Hi, we have a huge collection of our own SVGs that we use in our mobile platforms, we would of course like to use those in our Windows apps. Any way to import our own SVGs?

2 November, 2018
Viatcheslav Vassiliev

Good tool. Please add link to ImagePicker to RibbonControl smart tag menu too, now it is only in menu for RibbonForm.

5 November, 2018
Dmitry Babich (DevExpress)

@Lluis @Jørgen  

Even though it’s currently not possible to import custom images directly into our image pickers, you can add them to your application resources as described in this article.

Alternatively, you can add your images into SvgImageCollection and assign this collection to required DevExpress controls.

We are also considering improving our image pickers to simplify the use of custom image collections with our controls.

6 November, 2018
Walter Gumirato

(Great+Useful)^3

8 November, 2018

Please login or register to post comments.