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

Uli:

Thanks - very nice.

Walter

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

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

> 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

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

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.

Tim Young
Elevate Software
www.elevatesoft.com

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

Tim,

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

Thank you very much!

Uli