Skip to main content
1-Visitor
April 5, 2021
Question

Hover effect of Thingworx demo

  • 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 

 

sanjanabalaji_0-1617606734800.png

 

2 replies

Community Manager
April 6, 2021

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

1-Visitor
April 7, 2021

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
April 8, 2021

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