My PTC and associated tools are currently undergoing planned maintenance. This may impact the community, especially login. Pages may become temporarily unavailable, requiring a refresh or resubmission.

Translate the entire conversation x

CSS styling for Menu Widget

Arun_C
16-Pearl

CSS styling for Menu Widget

Hi Team,

 

I need help in CSS styling in Menu widget - In my requirement I have list of menu items should be listed from dynamic service, in that "title" should be like below (Font-weight : Semi-Bold; upto dot and Font-weight : normal; after dot)

  • Menu1.Sample Page
  • Menu2.Sample Page
  • Menu3.Sample Page

I tried with below CSS it helped with me updating all text as semi bold.

 

 

.menuList .widget-menu .menu-item-name span {
    font-weight: 600 !important;
}

 

 

TWX : 9.6.2

Thanks & Regards,

Arun C

8 REPLIES 8

Hi @Arun_C  Can you try the steps of the below post, and let us know your output?

https://community.ptc.com/t5/ThingWorx-Developers/applying-css-to-menu/m-p/729042#M52103 

Hi @Surya_Tiwari ,

 

CSS which I'm looking out is different. The above given CSS has different use case but the same is working for me in hover. Help me with my use case Menu "title" should be display like below (Font-weight : Semi-Bold; upto dot and Font-weight : normal; after dot)

  • Menu1.Sample Page
  • Menu2.Sample Page
  • Menu3.Sample Page

Thanks & Regards,

Arun C

 

PEHOWE
17-Peridot
(To:Arun_C)

Hello @Arun_C ,

I am not familiar with the style you are  trying to accomplish.  The documentation has 2 style described, cascading and Nested according. 
If I understand your goal is to have the main menu item repeated on each line with the sub menu item on the end with a dot as a separator. 
The other customization is to have the main menu item BOLD.

I will see if the experts on using CSS can offer any suggestion. Please let me know I have the proper goal.

Regards,

Pehowe

Arun_C
16-Pearl
(To:PEHOWE)

Hi @PEHOWE ,

 

No your understanding is different from my needs. I'm looking for only the main menu names style CSS should be like that (No submenu concept here).  Kindly find the below attached snapshot for the further clarity.

 

Thanks & Regards,

Arun C

PEHOWE
17-Peridot
(To:Arun_C)

Hello @Arun_C ,  Thank you for the graphic of your goal for the menu configuration.
So you are looking for a single level menu. 
The menu title is followed by a graphic.

The menu title has a bolded section and a normal text section.

 

Is this closer to your goal?

 

Arun_C
16-Pearl
(To:PEHOWE)

Hi @PEHOWE 

 

Yes my goal is same.

 

Thanks & Regards,

Arun C

PEHOWE
17-Peridot
(To:Arun_C)

Hello @Arun_C , I have have shared your question with the R&D. I asked the question in 2 steps. How to configure the Image at the beginning of the menu item and how to adjust the text characteristic. 
There was no information which they could provide which would assist in getting to your goal. 
 

There is a group on Community "Thingworx Ideas". New features and modifications can be proposed.  

PEHOWE
17-Peridot
(To:Arun_C)

Hello @Arun_C ,  Currently I can find nothing which would allow the configuration you have described. It is recommend to create an enhancement request for the format you need.  The Development staff reviews these items as part of the feature development process.

 

Regards,

Pehowe

Announcements


Top Tags