Button Style

#1 · October 6, 2019, 9:40 pm

How can I make like below Buttons in VisualNEO Web?

Uploaded files:

You need to login to have access to uploads.

#2 · October 6, 2019, 10:32 pm

hi,

run this file

Uploaded files:

You need to login to have access to uploads.

#3 · October 7, 2019, 1:33 am

I have already done the same job like you but that's not something I want, your button is quite different than HTML one.

I have to need a pure button in the VisualNEO Web.

#4 · October 7, 2019, 10:30 am

@asmat note that your CSS has a .btn class, with the same name than the already present in BootStrap (conflict).
So, I think you should change your class name for something like .btncustom and also be sure to eliminate previous BootStrap classes using RemoveClass in page-enter:

RemoveClass "PushButton1" "btn"
RemoveClass "PushButton1" "btn-default"

Take a look at my attached sample (modified @farhad2008 sample)

Uploaded files:

You need to login to have access to uploads.

farhad2008 and asmat have reacted to this post.

#5 · October 7, 2019, 12:09 pm

very good @luishp and thank you

#6 · October 7, 2019, 8:15 pm

Hi, luishp

I have noticed in the above app,

when I hold the mouse cursor on the button for some seconds the button becomes hide, why?

#7 · October 7, 2019, 10:33 pm

Sorry @asmat, I have fixed that.
I copied Farhad sample and it had some unnecesary CSS animation properties.

Uploaded files:

You need to login to have access to uploads.

asmat has reacted to this post.

Button Style - Forum

Button Style