Navigation menu css

#1 · August 21, 2022, 9:10 pm

Beautiful Menu Indicator

Uploaded files:

You need to login to have access to uploads.

Vadim, danito and 2 other users have reacted to this post.

#2 · August 22, 2022, 9:59 am

Very beautiful! Thanks for sharing @asmat :)

asmat and javadrajabihakami have reacted to this post.

#3 · August 22, 2022, 10:21 am

@asmat setting the "cursor" CSS property to "pointer" will show a hand instead of a mouse arrow when over the menu icons.
I have also noticed you still use NeoScriptToJS. Note that this command is no longer needed. You can use neo.subroutineName(param); instead.

Thanks again!

asmat has reacted to this post.

#4 · August 22, 2022, 9:33 pm

Thank you master Luis for your guidance,

I have tried to use neo.subroutineName(param); but it seem does not work for me.

#5 · August 22, 2022, 9:57 pm

@asmat what VisualNEO Web version are you using?
Send me an email if you need an update.

Regards

asmat has reacted to this post.

#6 · August 27, 2022, 4:12 pm

Hi, Luis

I like to set code for the menu options:

Whenever we click for any of the menu options it should navigate to a page without losing the animation.

Is this possible?

#7 · August 27, 2022, 6:06 pm

@asmat you can try using your menu as a MasterPage with this code on each icon:

Wait 600
   GotoPage "Page2"
EndWait

This will keep the animation, but once you are in the new page the menu position will probably reset to the original one.
Although it's very useful, I don't see an easy way to use your pure CSS menu to navigate Pages.

#8 · August 27, 2022, 10:20 pm

Thanks, Luis

I have tried like this:

Created a menuPage and then migrate the CSS menu to it.
create 5 pages and in the start-up event, I saved every individual page inside a variable.

GetObjectHTML "homePage" [homePage]
GetObjectHTML "userPage" [userPage]
GetObjectHTML "chatPage" [chatPage]
GetObjectHTML "shotPage" [shotPage]
GetObjectHTML "settingPage" [settingPage

finally, I have added a container with viewer id in the menuPage, and by clicking any menu option,

it renders its own variable inside the viewer container, example for userPage we have like this:

SetObjectHTML "viewer" "[userPage]"

The problem I faced with this method , if a page has some button or some stuff that runs JS code,

In this way, the running code will be stopped. for a better understanding, please check the attached sample.

Uploaded files:

You need to login to have access to uploads.

#9 · August 28, 2022, 12:02 pm

@asmat please take a look at the attached sample.
I have used "fake pages" instead :)
Let me know if you need any explanations.

Uploaded files:

You need to login to have access to uploads.

asmat has reacted to this post.

#10 · August 29, 2022, 8:42 pm

Brilliant Idea, Thank you so much Luis.

Navigation menu css - Forum

Navigation menu css