IPB

Welcome Guest ( Log In | Register )

>> VI Package Manager 3.0 Released (Download Now) <<
 
Reply to this topicStart new topic
> Creating System Dialog Buttons with Custom Icons and Mouse Hover Effects
JKI Software
post Jul 23 2007, 07:03 AM
Post #1



Group Icon

Group: JKI Team
Posts: 200
Joined: 10-July 06
Member No.: 7



Below is a video tutorial showing how to create the cool system buttons with glyphs and mouse-hover effects that you've seen in VIPM. Make sure to turn on your sound for this one smile.gif



Attached File  buttons_with_icons.swf ( 6.63MB ) Number of downloads: 7035
Go to the top of the page
 
+Quote Post
ceties
post Jan 17 2008, 10:22 PM
Post #2





Group: Members
Posts: 7
Joined: 17-January 08
Member No.: 2,393



Hi,
I was exactly following the tutorial eventually creating the control as described. The control works fine if I do not select independent sizes of the picture. But if I want to reach the depressed effect by shifting the image one pixel down and righ I have to select "independent" sizes and then the control starts to act weird - if I press it it moves the picture completely outside the button. The control acts OK in the control window but when I drop it in a VI, run it and press it, it acts as described above. I tried everything but with no effect. The only difference against the tutorial is that I use LV 8.5. May it be caused by it? Is it too confident to ask for ready-made control which actc as it should?

Thanks a lot

here is the control that acts in a strange way as I tried to describe
Go to the top of the page
 
+Quote Post
Michael Aivaliot...
post Jan 18 2008, 06:12 AM
Post #3



Group Icon

Group: JKI Team
Posts: 74
Joined: 15-March 06
Member No.: 3



QUOTE(ceties @ Jan 17 2008, 03:22 PM) *
I have to select "independent" sizes and then the control starts to act weird

After you shift your icon, you then have to unselect "independent" sizes. You should not leave that feature on.


--------------------
Thank You
Michael Aivaliotis
VIPM Developer Team
Go to the top of the page
 
+Quote Post
ceties
post Jan 18 2008, 10:32 AM
Post #4





Group: Members
Posts: 7
Joined: 17-January 08
Member No.: 2,393



QUOTE(Michael Aivaliotis @ Jan 18 2008, 07:12 AM) *
After you shift your icon, you then have to unselect "independent" sizes. You should not leave that feature on.


Grrrr, so easy. Thanks a lot!
Go to the top of the page
 
+Quote Post
tim_crouse
post Aug 1 2008, 09:32 PM
Post #5





Group: Members
Posts: 2
Joined: 1-August 08
Member No.: 2,518



QUOTE(JKISOFT @ Jul 23 2007, 03:03 AM) *
Below is a video tutorial showing how to create the cool system buttons with glyphs and mouse-hover effects that you've seen in VIPM. Make sure to turn on your sound for this one smile.gif

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="640" height="496"><param name="movie" value="buttons_with_icons.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><param name="autoStart" value="false"><embed src="http://forums.jkisoft.com/index.php?act=Attach&type=post&id=72" quality="high" bgcolor="#ffffff" width="640" height="496" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></object>

Attached File  buttons_with_icons.swf ( 6.63MB ) Number of downloads: 7035


Are the recessed system buttons used in the video removed from LV 8x? My system buttons are not recessed...

Thanks
Tim C.
Go to the top of the page
 
+Quote Post
Omar Mussa
post Aug 1 2008, 09:47 PM
Post #6



Group Icon

Group: JKI Team
Posts: 64
Joined: 12-October 06
Member No.: 95



QUOTE(tim_crouse @ Aug 1 2008, 09:32 PM) *
Are the recessed system buttons used in the video removed from LV 8x? My system buttons are not recessed...

Thanks
Tim C.


No, it should work in 8x, the video shows how to do it in 8.2. It just starts the 8.2 part a few minutes into the video ...
Go to the top of the page
 
+Quote Post
tim_crouse
post Aug 1 2008, 10:01 PM
Post #7





Group: Members
Posts: 2
Joined: 1-August 08
Member No.: 2,518



QUOTE(Omar Mussa @ Aug 1 2008, 05:47 PM) *
No, it should work in 8x, the video shows how to do it in 8.2. It just starts the 8.2 part a few minutes into the video ...



I should have been more clear, the button used in the forst part of the video is from 7.1. It is a recessed system button or at least that is what I thought was said in the video.

My 8X system buttons are not recessed.

I was hoping to find out if the 7.1 recessed system button was removed from the 8X pallette.
Go to the top of the page
 
+Quote Post
Michael Aivaliot...
post Aug 2 2008, 06:23 AM
Post #8



Group Icon

Group: JKI Team
Posts: 74
Joined: 15-March 06
Member No.: 3



It's not a different system button. It's the same button you already have. You have to edit it in the control editor, change to "customize mode" via the button and then right click to select the recessed image.
Attached image(s)
Attached Image
 


--------------------
Thank You
Michael Aivaliotis
VIPM Developer Team
Go to the top of the page
 
+Quote Post
ritesh024
post Feb 13 2009, 08:56 PM
Post #9





Group: Members
Posts: 1
Joined: 13-February 09
Member No.: 2,641



Hi,
I just tried implementing the whole thing in LV 8.5, and found that the hover effect is missing in the Control i created.
Is is that if i create the control in LV 7.1, i will get the hover effect and not else?

Ritesh
Go to the top of the page
 
+Quote Post
bubbagump
post Apr 22 2009, 09:19 PM
Post #10





Group: Members
Posts: 1
Joined: 14-May 08
Member No.: 2,454



QUOTE(ritesh024 @ Feb 13 2009, 08:56 PM) *
Hi,
I just tried implementing the whole thing in LV 8.5, and found that the hover effect is missing in the Control i created.
Is is that if i create the control in LV 7.1, i will get the hover effect and not else?

Ritesh


Was this ever answered?
Go to the top of the page
 
+Quote Post
Philippe Guerit
post Apr 22 2009, 10:49 PM
Post #11



Group Icon

Group: JKI Team
Posts: 53
Joined: 15-March 06
Member No.: 4



Yes, I believe that you have to start with a control from LV 7.1. (as it says in the video).

Philippe


--------------------
Got VIPM?

JKI . VIPM . VIPM FAQ . Blog
Go to the top of the page
 
+Quote Post
gosenbach
post Jul 7 2009, 07:51 PM
Post #12





Group: Members
Posts: 4
Joined: 8-June 09
Member No.: 2,704



Question, I made a button and it works. Cool. smile.gif

I am trying to use it in a x-control with the button in a resizeable pane and wanted to have the button fill the entire pane. that's the easy part. I noticed that the icon scales with the button which is what I was attempting to figure out how to do with a decal when I found this method. That problem is now solved. So I thought, hey, why not put a high res (64x64) icon on there and then it will look much nicer as it rescales, which it does. However, I noticed that if you scale the button down below its original size, you permanently lose the shifting icon effect. I am not sure why. does anyone have any ideas?

Thanks,
Greg
Go to the top of the page
 
+Quote Post
Michael Aivaliot...
post Jul 8 2009, 06:41 AM
Post #13



Group Icon

Group: JKI Team
Posts: 74
Joined: 15-March 06
Member No.: 3



I don't think there is anything you can do about this problem. I will look into it and see if there are any workarounds.


--------------------
Thank You
Michael Aivaliotis
VIPM Developer Team
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

 



RSS Lo-Fi Version Time is now: 30th July 2010 - 04:32 AM