1-Visitor

Question

Hover effect of Thingworx demo

Forum|Forum|5 years ago
April 5, 2021
2 replies
1945 views

I need to have clarity on effects applied and customized which is launched by thingworx about fizos food demo in ptc portal.

I have a doubt how hover effect is applied for each container in below image.

Can i have code or logic used in fizos food app and also how menu items are arranged in center

total customization code of fizos food demo

Best Practices

Community Manager

Community Manager

Hi @sanjanabalaji

Which version of ThingWorx are you running? We have a couple of resources on CSS that might be helpful:

Custom CSS Tutorial

Add Style to Your UI with CSS

Regards.

--Sharon

Author

1-Visitor

I am using Thingworx 9.1 Version...

i m facing issue in creating hover effect as applied in thingworx fizos food demo app.

please help me with solution

Community Manager

Community Manager

Hi @sanjanabalaji

Did you look at using CSS for the producing the effect you need? From the screenshot you provided, it appears a shadow effect has been provided for the selected option. If this is what you are looking for, the tutorial provides an example for adding a box-shadow. If we're not understanding, please provide further details in regard to your intent.

Regards.

--Sharon