cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Hamza
Nintex Newbie

Responsive Form : Panel Background Color get changed when mouse hover

Jump to solution

Hi All

 

On Nintex Responsive Form for O365, when I hover the mouse pointer over a panel control, its background color get changed to grey !

 

I have been searching through the forums to find a way to change my panel control background color when I hover the mouse pointer over it but nothing found !

 

Is there a way to achieve it ?

Thanks very much in advance !
Hamza

Labels: (1)
0 Kudos
Reply
2 Replies
nico
Nintex Newbie

Re: Responsive Form : Panel Background Color get changed when mouse hover

Jump to solution

It's normal, you can't change this option. The background color is set with CSS in the forms, but you can't change the CSS property (because you are in a responsive forms)

 

But, there is a ugly workaround.

 

- ADD a control :"Rich Text" on your forms, and clic on "More Settings"

RichText.png

- In the setting, click on the button "View HTML" 

ViewHTMl.png

 

- in the view HTML, you can add your CSS  (the css below set in red the panel)

<style type="text/css">.nf-outer .nf-panel:hover { background-color: red; } </style>

 

- You can save& publish your form.

 

The Result : 

(in my panel, I have 1 label and the Attachments control)

panel in red.png

 

 

0 Kudos
Reply
Community Manager Community Manager
Community Manager

Re: Responsive Form : Panel Background Color get changed when mouse hover

Jump to solution

@Hamza,

You do realize that this only happens when you are designing the form and is done to help you understand when the panel is active for a given control. Not sure why there would be a need to change the color for this.

 

If you are wanting to change the color of the panel during new or edit form mode for a user, I'd recommend using Classic Forms designer as you have more control over each controls CSS. 

0 Kudos
Reply