cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X

Hover effect of Thingworx demo

sanjanabalaji
11-Garnet

Hover effect of Thingworx demo

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

 

3 REPLIES 3

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

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

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

Top Tags