How to show many different ICONs in control

[Angle]

Hello!

I want show many different ICONS in control. The txt and picture list can show different ICONS and display the name property. But it need the user to select the icon, and only show one icon. However, i want to show many ICONS simultaneity just like the below picture.

[Francois Normandin]

Hi,

I'd use the 2D Picture control and play with text positioning.

Here's a start.

icons.vi (LV 8.5)

[Angle]

Thank you.

There three .vi cannot open normally. Can you upload those .vi and the icon?

And I want to konw if the ICON control support the drag and drop event?

Just like the above the pictures, the above one is the source tools which can be drag and drop into the below Icon control.

_{And how to configure the icon display in the same size and arrange the distance betwwen them? Thank you}

[jgcode]

No need to shout

[Angle]

OK.

[Ton Plomp]

Francois,

how did you manage to break the linking to user.lib?

Angle, the missing VI's are probably OpenG VIs, these are must haves VI toolkits. Here's an installation video.

Ton

[Angle]

Thank you TON.

I find the .vi about openG, I install the VIPM and packages. There is one .vi find, But two .VI ( List Directory_ogtk.vi, Build Path_ogtk.vi,) did not find. So Francois, can you tell me?

[Francois Normandin]

Francois,

how did you manage to break the linking to user.lib?

I don't know. It works OK for me and I didn't try anything weird. That doesn't mean I haven't screwed up, I'll have to investigate!

Perhaps I'll reinstall OpenG. Weirdest (?!?) thing I've done lately was install VIPM 3.0 over a VIPM 2 install. That can't be it.

**EDIT** Perhaps that was when I backsaved for 8.5.

**RE-EDIT** Yes, that's it.

@Angle: replace both missing VI's with the LabVIEW primitives "List Folder" and "Build Path" from the File palette. They'll work in this case.

The error came when I backsaved the VI for your version.

[Francois Normandin]

Thank you.

There three .vi cannot open normally. Can you upload those .vi and the icon?

And I want to konw if the ICON control support the drag and drop event?

Just like the above the pictures, the above one is the source tools which can be drag and drop into the below Icon control.

_{And how to configure the icon display in the same size and arrange the distance betwwen them? Thank you}

You can manipulate the picture size with the 2D Picture palette. Make a blank icon with the desired size and then superimpose your icon and text in its center. When you add them to the array of icons, they'll look as if you've got spacing between them.

As for the drag n' drop, you can do it but the Icon array doesn't "support" it per se. You can create events to do it but I'm not sure the picture array is the best format suitable for drag and drop. Perhaps there are other ways of storing your icons that would let you do that easier.

[Angle]

Thank you, François Normandin.

I have resolved the problem.

• Can you upload this ICONs? They are so beautiful that I like those.

[Francois Normandin]

Thank you, François Normandin.

I have resolved the problem.

• Can you upload this ICONs? They are so beautiful that I like those.

You're welcome.

The icons are available here. It's the Nuvola theme. Free to use, but check out the license especially if you want to use them commercially. It's the base icon theme I've use for UI Tools. (shameless plug)

I'd also recommend that you take a look at the Bitmap Manipulation tools from Vugie in the code repository. I use it to manipulate images and keeping transparent background with the least effort on my side.

[Francois Normandin]

And here's what I've been playing with over the week-end.

<object id="scPlayer" width="1024" height="482"> <param name="movie" value="http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/jingh264player.swf"></param>'>http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/jingh264player.swf"></param> <param name="quality" value="high"></param> <param name="bgcolor" value="#FFFFFF"></param> <param name="flashVars" value="thumb=http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/FirstFrame.jpg&containerwidth=1024&containerheight=482&content=http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/drag_n_drop_icons.mp4"></param> <param name="allowFullScreen" value="true"></param> <param name="scale" value="showall"></param> <param name="allowScriptAccess" value="always"></param> <param name="base" value="http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/"></param>'>http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/"></param> <embed src="http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/jingh264player.swf" quality="high" bgcolor="#FFFFFF" width="1024" height="482" type="application/x-shockwave-flash" allowScriptAccess="always" flashVars="thumb=http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/FirstFrame.jpg&containerwidth=1024&containerheight=482&content=http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/drag_n_drop_icons.mp4" allowFullScreen="true" base="http://content.screencast.com/users/normandinf/folders/Jing/media/5961b00c-fa8b-4d3a-96a9-141f7f42bfdb/" scale="showall"></embed> </object>

icons_85.vi (LV8.5, should be linked OK)

(BitMan needed ==> install in user.lib)