Solved

Responsive Form : Panel Background Color get changed when mouse hover

  • 15 March 2019
  • 2 replies
  • 121 views

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

icon

Best answer by eharris04 15 March 2019, 22:55

View original

2 replies

Userlevel 4
Badge +10

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"

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

 

- 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)

 

 

Badge +17

@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. 

Reply