Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 9 of 9 total
Thread Animated Menus demo
Sat, Dec 3 2016 11:29 AMPermanent Link

Uli Becker

I had to create an animated menu for a website recently - here a
(reduced) demo it looks like:

http://www.beckersoft-online.de/demos/animatedmenu/index.html

It is based on TBasicPanel-, TMenu- and TMenuItem components.

The sources are in the demos ng. If you want to use it, please feel free
to ask me for details.

Uli
Sun, Dec 4 2016 6:12 AMPermanent Link

Walter Matte

Tactical Business Corporation

Uli:

Thanks - very nice.

Walter
Mon, Dec 5 2016 5:54 AMPermanent Link

Matthew Jones

Uli Becker wrote:

> The sources are in the demos ng.

Very nice, as usual. I note though that the uploaded code leaves the Home item highlighted all the time, but your web page doesn't. Do you know what that might be?

Also, one slight improvement would be to change the margin.top = 20 to be the padding.top = 20 instead, so the menu items are fully active from the top. A minor thing, and perhaps aesthetic decision for someone to make. Me, I prefer that the whole area is active rather than just text so it gives a bigger target.

Finally, my one wish would be to have this as a unit that one could "apply" to a form, rather than integrate. I shall await the next update and it's menu change, and if it doesn't fit my needs, I will perhaps try to modularise yours (if that's okay!). To have a "TMenuController" which one can create and point at two panels and that's all you do would be lovely.

--

Matthew Jones
Mon, Dec 5 2016 7:58 AMPermanent Link

Chris Holland

SEC Solutions Ltd.

Avatar

Team Elevate Team Elevate

Looks very nice but I notice that you cannot select a menu item with a
sub menu using touch, only with the mouse.

Chris Holland
[Team Elevate]

On 03/12/2016 16:29, Uli Becker wrote:
> I had to create an animated menu for a website recently - here a
> (reduced) demo it looks like:
>
> http://www.beckersoft-online.de/demos/animatedmenu/index.html
>
> It is based on TBasicPanel-, TMenu- and TMenuItem components.
>
> The sources are in the demos ng. If you want to use it, please feel free
> to ask me for details.
>
> Uli
Mon, Dec 5 2016 10:44 AMPermanent Link

Uli Becker

> Very nice, as usual.

Thanks Matthew.

>  I note though that the uploaded code leaves the Home item highlighted all the time, but your web page doesn't. Do you know what that might be?

The Home item is selected by default and it stays highighted until any
item or subitem has been clicked. Just tested the posted code and it
should work like that.

> Also, one slight improvement would be to change the margin.top = 20 to be the padding.top = 20 instead, so the menu items are fully active from the top.
But that doesn't make a difference, does it? It would be good btw to be
able to vertically align a TLabel.

A minor thing, and perhaps aesthetic decision for someone to make. Me, I
prefer that the whole area is active rather than just text so it gives a
bigger target.

True. Actually I used a custom component "TTransparentButton" instead of
labels for the menu bar. For the sample I wanted to avoid any custom
controls.

> Finally, my one wish would be to have this as a unit that one could "apply" to a form, rather than integrate. I shall await the next update and it's menu change, and if it doesn't fit my needs, I will perhaps try to modularise yours (if that's okay!). To have a "TMenuController" which one can create and point at two panels and that's all you do would be lovely.

Sure, that's ok for me. Actually I had the same idea but wanted to leave
some work for you <vbg>

Uli
Mon, Dec 5 2016 10:46 AMPermanent Link

Uli Becker

Chris,

> Looks very nice but I notice that you cannot select a menu item with a
> sub menu using touch, only with the mouse.

Thanks - you are right - this menu was not made for mobile devices. I
posted it just to show that it's quite easy to create UI's like this.

Uli
Mon, Dec 5 2016 11:10 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Uli,

<< I had to create an animated menu for a website recently - here a (reduced) demo it looks like: >>

Looks great, thanks.

By the way, it's nice to have you back here contributing. Smile

Tim Young
Elevate Software
www.elevatesoft.com
Mon, Dec 5 2016 11:42 AMPermanent Link

Matthew Jones

Uli Becker wrote:

> The Home item is selected by default and it stays highighted until any item or subitem has been clicked. Just tested the posted code and it should work like that.

Ah yes, so it does.


> Sure, that's ok for me. Actually I had the same idea but wanted to leave some work for you <vbg>

LOL


--

Matthew Jones
Tue, Dec 6 2016 8:24 AMPermanent Link

Uli Becker

Tim,

> By the way, it's nice to have you back here contributing. Smile

Thank you very much!

Uli
Image