Re: Icon & Picture Button Sources...

2018-10-25 Thread Mike Kerner via 4D_Tech 
so what can we do about existing projects that have a pile of forms
already, besides manually redoing them?

On Wed, Oct 24, 2018 at 11:36 PM Robert ListMail via 4D_Tech <
4d_tech@lists.4d.com> wrote:

> Thanks Rudy and Stephen, you’ve given me some things to consider. It’s
> been a long time since I’ve customized buttons. Back in 1994 I used
> photoshop to create some custom buttons but it seems it’s been a while.
> I’ve inherited many different apps over the years and never paid close
> attention to these resources. Now, with v17 we are forced to update these
> objects. Of course they really needed to be refreshed anyway—buttons cannot
> live forever. :)
>
> Thanks,
>
> Robert
>
> Sent from my iPhone
>
> > On Oct 24, 2018, at 10:23 AM, Two Way Communications via 4D_Tech <
> 4d_tech@lists.4d.com> wrote:
> >
> > Actually, I prefer to roll my own.
>
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **



-- 
On the first day, God created the heavens and the Earth
On the second day, God created the oceans.
On the third day, God put the animals on hold for a few hours,
   and did a little diving.
And God said, "This is good."
**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-24 Thread Robert ListMail via 4D_Tech 
Thanks Rudy and Stephen, you’ve given me some things to consider. It’s been a 
long time since I’ve customized buttons. Back in 1994 I used photoshop to 
create some custom buttons but it seems it’s been a while. I’ve inherited many 
different apps over the years and never paid close attention to these 
resources. Now, with v17 we are forced to update these objects. Of course they 
really needed to be refreshed anyway—buttons cannot live forever. :)

Thanks,

Robert

Sent from my iPhone

> On Oct 24, 2018, at 10:23 AM, Two Way Communications via 4D_Tech 
> <4d_tech@lists.4d.com> wrote:
> 
> Actually, I prefer to roll my own.

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-24 Thread Two Way Communications via 4D_Tech 
Actually, I prefer to roll my own.

I start by googling ‘ icons’, i.e. ‘validate icons’, 'customer icons' 
….

Then I copy the picture I like into Pixelmator. I put 4 identical pictures in a 
row, same size. Then I tweak them for the 4 states: normal, hovered over, 
clicked , and disabled.

Finally, I export the image as a .png file (for transparency purposes) and put 
it in the resources folder, so I can use them with picture buttons.

This results are nice transparent buttons that change when you move the mouse 
over it, or click it.


Regards,

Rudy Mortier
Two Way Communications bvba 



> On 24 Oct 2018, at 15:28, Keith Culotta via 4D_Tech <4d_tech@lists.4d.com> 
> wrote:
> 
> Here's a simple example inspired by the 4d-component-generate-icon.
> 
> //-
> $width:=3
> $opacity:=80
> $rw:=40
> 
> $color:="black"  // normal
> $svg:=SVG_New (58;58)
> $ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
> SVG_SET_OPACITY ($ref;0;$opacity)
> $normal:=SVG_Export_to_picture ($svg)
> SVG_CLEAR ($svg)
> 
> $color:="green"  // click
> $svg:=SVG_New (58;58)
> $ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
> SVG_SET_OPACITY ($ref;0;$opacity)
> $click:=SVG_Export_to_picture ($svg)
> SVG_CLEAR ($svg)
> 
> $color:="deepskyblue"  // hover
> $svg:=SVG_New (58;58)
> $ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
> SVG_SET_OPACITY ($ref;0;$opacity)
> $hover:=SVG_Export_to_picture ($svg)
> SVG_CLEAR ($svg)
> 
> $color:="silver"  // disable
> $svg:=SVG_New (58;58)
> $ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
> SVG_SET_OPACITY ($ref;0;$opacity)
> $disabled:=SVG_Export_to_picture ($svg)
> SVG_CLEAR ($svg)
> 
> 
> $pict:=$normal/$click/$hover/$disabled  // this creates the "4 state" picture!
> 
> TRANSFORM PICTURE($pict;Scale;0.66;0.66)  // size to fit
> CONVERT PICTURE($pict;".png")// allows pasting into Preview
> 
> $0:=$pict
> 
> // SET PICTURE TO PASTEBOARD($pict)
> // SVGTool_SHOW_IN_VIEWER ($svg)
> 
> //-
> 
> Keith -CDI
> 
>> On Oct 23, 2018, at 6:47 PM, Robert ListMail via 4D_Tech 
>> <4d_tech@lists.4d.com> wrote:
>> 
>> Hi Tim thanks for the reminder. I recall liking your interface design. So, 
>> are you using the various button states where 4D has the ability to swap the 
>> images during different states such as “rollover”? If so, did you have to 
>> create two or three different versions of each icon for matrix of images…?
>> 
>> Thanks,
>> 
>> Rob
>> 
>>> On Oct 23, 2018, at 2:04 PM, Tim Nevels via 4D_Tech <4d_tech@lists.4d.com> 
>>> wrote:
>>> 
>>> https://glyphlab.com 
>>> 
>>> You have to pay money, but for me it was worth it as I paid once and got a 
>>> library of high quality images I’ve been using for years in all my 
>>> projects.  For me, well worth the one time price.
>>> 
>>> Tim
>> 
>> **
>> 4D Internet Users Group (4D iNUG)
>> Archive:  http://lists.4d.com/archives.html
>> Options: https://lists.4d.com/mailman/options/4d_tech
>> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
>> **
> 
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-24 Thread Keith Culotta via 4D_Tech 
Here's a simple example inspired by the 4d-component-generate-icon.

//-
$width:=3
$opacity:=80
$rw:=40

$color:="black"  // normal
$svg:=SVG_New (58;58)
$ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
SVG_SET_OPACITY ($ref;0;$opacity)
$normal:=SVG_Export_to_picture ($svg)
SVG_CLEAR ($svg)

$color:="green"  // click
$svg:=SVG_New (58;58)
$ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
SVG_SET_OPACITY ($ref;0;$opacity)
$click:=SVG_Export_to_picture ($svg)
SVG_CLEAR ($svg)

$color:="deepskyblue"  // hover
$svg:=SVG_New (58;58)
$ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
SVG_SET_OPACITY ($ref;0;$opacity)
$hover:=SVG_Export_to_picture ($svg)
SVG_CLEAR ($svg)

$color:="silver"  // disable
$svg:=SVG_New (58;58)
$ref:=SVG_New_rect ($svg;9;9;$rw;$rw;2;2;$color;"white";$width)
SVG_SET_OPACITY ($ref;0;$opacity)
$disabled:=SVG_Export_to_picture ($svg)
SVG_CLEAR ($svg)


$pict:=$normal/$click/$hover/$disabled  // this creates the "4 state" picture!

TRANSFORM PICTURE($pict;Scale;0.66;0.66)  // size to fit
CONVERT PICTURE($pict;".png")// allows pasting into Preview

$0:=$pict

// SET PICTURE TO PASTEBOARD($pict)
// SVGTool_SHOW_IN_VIEWER ($svg)

//-

Keith -CDI

> On Oct 23, 2018, at 6:47 PM, Robert ListMail via 4D_Tech 
> <4d_tech@lists.4d.com> wrote:
> 
> Hi Tim thanks for the reminder. I recall liking your interface design. So, 
> are you using the various button states where 4D has the ability to swap the 
> images during different states such as “rollover”? If so, did you have to 
> create two or three different versions of each icon for matrix of images…?
> 
> Thanks,
> 
> Rob
> 
>> On Oct 23, 2018, at 2:04 PM, Tim Nevels via 4D_Tech <4d_tech@lists.4d.com> 
>> wrote:
>> 
>> https://glyphlab.com 
>> 
>> You have to pay money, but for me it was worth it as I paid once and got a 
>> library of high quality images I’ve been using for years in all my projects. 
>>  For me, well worth the one time price.
>> 
>> Tim
> 
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

RE: Icon & Picture Button Sources...

2018-10-24 Thread Stephen J. Orth via 4D_Tech 
Robert,

No, I am using a program called MicroAngelo to build and edit the images.
It's just a matter of copy/pasting the images we want for each state.  The
program has a "disabled" mode which allows us to make the 4th image appear
disabled.

It's rather easy and quick.  Let me know if you would like to have me do a
web call to show you how we go about doing this.  Also, if we could us an
HTML based email, I could show you some images.


Steve

*
  Stephen J. Orth
  The Aquila Group, Inc. Office:  (608) 834-9213
  P.O. Box 690   Mobile:  (608) 347-6447
  Sun Prairie, WI 53590

  E-Mail:  s.o...@the-aquila-group.com
*
-Original Message-
From: Robert ListMail [mailto:listm...@usersoft.com] 
Sent: Wednesday, October 24, 2018 2:25 AM
To: s.o...@the-aquila-group.com
Cc: 4D iNug Technical <4d_tech@lists.4d.com>
Subject: Re: Icon & Picture Button Sources...

Stephen, are you photoshopping the other states manually creating the
other button versions...?

Thanks,

Robert

Sent from my iPhone

> On Oct 23, 2018, at 7:15 PM, Stephen J. Orth 
wrote:
> 
> If you want to create a multi-state button, which is what you are
describing, you simply create a PNG image with 4 states.  This is how we
handle this in our system...



**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-24 Thread Keisuke Miyako via 4D_Tech 
you can also use 4D code to do something similar

https://github.com/miyako/4d-component-generate-icon

2018/10/24 16:24、Robert ListMail via 4D_Tech 
<4d_tech@lists.4d.com>のメール:
Stephen, are you photoshopping the other states manually creating the other 
button versions...?



**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-24 Thread Robert ListMail via 4D_Tech 
Stephen, are you photoshopping the other states manually creating the other 
button versions...?

Thanks,

Robert

Sent from my iPhone

> On Oct 23, 2018, at 7:15 PM, Stephen J. Orth  
> wrote:
> 
> If you want to create a multi-state button, which is what you are describing, 
> you simply create a PNG image with 4 states.  This is how we handle this in 
> our system...

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

RE: Icon & Picture Button Sources...

2018-10-23 Thread Stephen J. Orth via 4D_Tech 
Rob,

If you want to create a multi-state button, which is what you are describing, 
you simply create a PNG image with 4 states.  This is how we handle this in our 
system...

The four states are:  Active, Pushed, Mouse Over,  & Disabled.

If you are looking to create a 24 pixel multi-state button, you then create a 
PNG file that is 24 wide x 96 high.  From top to bottom each 24 pixels in 
height accounts a state (Active, Pushed, Mouse-Over, Disabled).

We then use a 3D button to contain the image.

Hope that helps...


Steve

*
  Stephen J. Orth
  The Aquila Group, Inc. Office:  (608) 834-9213
  P.O. Box 690   Mobile:  (608) 347-6447
  Sun Prairie, WI 53590

  E-Mail:  s.o...@the-aquila-group.com
*
-Original Message-
From: 4D_Tech [mailto:4d_tech-boun...@lists.4d.com] On Behalf Of Robert 
ListMail via 4D_Tech
Sent: Tuesday, October 23, 2018 6:48 PM
To: 4D iNug Tech <4d_tech@lists.4d.com>
Cc: Robert ListMail 
Subject: Re: Icon & Picture Button Sources...

Hi Tim thanks for the reminder. I recall liking your interface design. So, are 
you using the various button states where 4D has the ability to swap the images 
during different states such as “rollover”? If so, did you have to create two 
or three different versions of each icon for matrix of images…?

Thanks,

Rob


**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-23 Thread Robert ListMail via 4D_Tech 
Hi Tim thanks for the reminder. I recall liking your interface design. So, are 
you using the various button states where 4D has the ability to swap the images 
during different states such as “rollover”? If so, did you have to create two 
or three different versions of each icon for matrix of images…?

Thanks,

Rob

> On Oct 23, 2018, at 2:04 PM, Tim Nevels via 4D_Tech <4d_tech@lists.4d.com> 
> wrote:
> 
> https://glyphlab.com 
> 
> You have to pay money, but for me it was worth it as I paid once and got a 
> library of high quality images I’ve been using for years in all my projects.  
> For me, well worth the one time price.
> 
> Tim

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-23 Thread Dani Beaubien via 4D_Tech 
Here are some others….

https://getbootstrap.com/docs/4.1/extend/icons/#more-options 
<https://getbootstrap.com/docs/4.1/extend/icons/#more-options>

Dani Beaubien
Open Road Development

> On Oct 23, 2018, at 1:17 PM, Stephen J. Orth via 4D_Tech 
> <4d_tech@lists.4d.com> wrote:
> 
> We have been using the following purchased icon set for years:
> 
>   https://www.iconexperience.com/
> 
> Well worth the money as they keep current on every trend and have hundreds of 
> professional quality designs.
> 
> 
> Steve
> 
> *
>  Stephen J. Orth
>  The Aquila Group, Inc. Office:  (608) 834-9213
>  P.O. Box 690   Mobile:  (608) 347-6447
>  Sun Prairie, WI 53590
> 
>  E-Mail:  s.o...@the-aquila-group.com
> *
> -Original Message-
> From: 4D_Tech [mailto:4d_tech-boun...@lists.4d.com] On Behalf Of Tim Nevels 
> via 4D_Tech
> Sent: Tuesday, October 23, 2018 2:05 PM
> To: 4d_tech@lists.4d.com
> Cc: Tim Nevels 
> Subject: Re: Icon & Picture Button Sources...
> 
> On Oct 23, 2018, at 2:00 PM, Robert wrote:
> 
>> As I recall, Tim Nevels mentioned a favorite picture button resource which 
>> has escaped me... Tim, can you refresh my memory...?
> 
> https://glyphlab.com
> 
> You have to pay money, but for me it was worth it as I paid once and got a 
> library of high quality images I’ve been using for years in all my projects.  
> For me, well worth the one time price.
> 
> Tim
> 
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

RE: Icon & Picture Button Sources...

2018-10-23 Thread Stephen J. Orth via 4D_Tech 
We have been using the following purchased icon set for years:

https://www.iconexperience.com/

Well worth the money as they keep current on every trend and have hundreds of 
professional quality designs.


Steve

*
  Stephen J. Orth
  The Aquila Group, Inc. Office:  (608) 834-9213
  P.O. Box 690   Mobile:  (608) 347-6447
  Sun Prairie, WI 53590

  E-Mail:  s.o...@the-aquila-group.com
*
-Original Message-
From: 4D_Tech [mailto:4d_tech-boun...@lists.4d.com] On Behalf Of Tim Nevels via 
4D_Tech
Sent: Tuesday, October 23, 2018 2:05 PM
To: 4d_tech@lists.4d.com
Cc: Tim Nevels 
Subject: Re: Icon & Picture Button Sources...

On Oct 23, 2018, at 2:00 PM, Robert wrote:

> As I recall, Tim Nevels mentioned a favorite picture button resource which 
> has escaped me... Tim, can you refresh my memory...?

https://glyphlab.com

You have to pay money, but for me it was worth it as I paid once and got a 
library of high quality images I’ve been using for years in all my projects.  
For me, well worth the one time price.

Tim

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-22 Thread Mike Kerner via 4D_Tech 
so migrating existing forms involves manually searching through said folder
and then manually assigning these icons?

On Mon, Oct 22, 2018 at 6:23 PM Tai Bui via 4D_Tech <4d_tech@lists.4d.com>
wrote:

> 4D v16R6+ has a set of new icons to replace the old ones:
> https://blog.4d.com/icon-modernization-continues/
>
> They should be located at the installed location in a resources > images >
> buttons folder.
>
> Best Regards,
> -Tai B.
>
>
>
>
> -Original Message-
> From: 4D_Tech <4d_tech-boun...@lists.4d.com> On Behalf Of Robert ListMail
> via 4D_Tech
> Sent: Monday, October 22, 2018 2:44 PM
> To: 4D iNug Technical <4d_tech@lists.4d.com>
> Cc: Robert ListMail 
> Subject: Re: Icon & Picture Button Sources...
>
> As I recall, Tim Nevels mentioned a favorite picture button resource which
> has escaped me... Tim, can you refresh my memory...?
>
> Thanks,
>
> Robert
>
> Sent from my iPhone
>
> > On Oct 22, 2018, at 1:31 PM, Robert ListMail via 4D_Tech <
> 4d_tech@lists.4d.com> wrote:
> >
> > So, were do you find modern pictures to use for your picture buttons?
>
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **
> **
> 4D Internet Users Group (4D iNUG)
> Archive:  http://lists.4d.com/archives.html
> Options: https://lists.4d.com/mailman/options/4d_tech
> Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
> **



-- 
On the first day, God created the heavens and the Earth
On the second day, God created the oceans.
On the third day, God put the animals on hold for a few hours,
   and did a little diving.
And God said, "This is good."
**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

RE: Icon & Picture Button Sources...

2018-10-22 Thread Tai Bui via 4D_Tech 
4D v16R6+ has a set of new icons to replace the old ones:
https://blog.4d.com/icon-modernization-continues/

They should be located at the installed location in a resources > images > 
buttons folder.

Best Regards,
-Tai B.




-Original Message-
From: 4D_Tech <4d_tech-boun...@lists.4d.com> On Behalf Of Robert ListMail via 
4D_Tech
Sent: Monday, October 22, 2018 2:44 PM
To: 4D iNug Technical <4d_tech@lists.4d.com>
Cc: Robert ListMail 
Subject: Re: Icon & Picture Button Sources...

As I recall, Tim Nevels mentioned a favorite picture button resource which has 
escaped me... Tim, can you refresh my memory...?

Thanks,

Robert

Sent from my iPhone

> On Oct 22, 2018, at 1:31 PM, Robert ListMail via 4D_Tech 
> <4d_tech@lists.4d.com> wrote:
>
> So, were do you find modern pictures to use for your picture buttons?

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**
**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**

Re: Icon & Picture Button Sources...

2018-10-22 Thread Robert ListMail via 4D_Tech 
As I recall, Tim Nevels mentioned a favorite picture button resource which has 
escaped me... Tim, can you refresh my memory...?

Thanks,

Robert

Sent from my iPhone

> On Oct 22, 2018, at 1:31 PM, Robert ListMail via 4D_Tech 
> <4d_tech@lists.4d.com> wrote:
> 
> So, were do you find modern pictures to use for your picture buttons?

**
4D Internet Users Group (4D iNUG)
Archive:  http://lists.4d.com/archives.html
Options: https://lists.4d.com/mailman/options/4d_tech
Unsub:  mailto:4d_tech-unsubscr...@lists.4d.com
**