Jump to content

Highlights Fields


rtalmeida

Recommended Posts

Hi,

 

Better if you will use a custom CSS I think, for example for UniComboBox:

 

1. CustomCSS:

.x-myfield-focus {
    border-color: #7eadd9;
   background-color: #FFFFE1;
   color: #FF0000;
   background-image: none;
}

2. UniComboBox -> ... fn beforeInit:

function beforeInit(sender, config)
{
    config.focusCls='myfield-focus'; //myfield-focus
}
Link to comment
Share on other sites

or in, servermodule.customCSS 

 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=combobox]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=checkbox]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
}
 
input[type=date]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
Link to comment
Share on other sites

Hi,

 

Can you try this CSS ?!:

.x-myfield-focus {
   border-color: #7eadd9;
   background-color: #FFFFE1;
   color: #FF0000;
   background-image: none;
}

.x-form-trigger-input-cell .x-myfield-focus {
   background-color: #FFFFE1 !important;
}

Best regards,

Link to comment
Share on other sites

  • 10 months later...
On 11/9/2017 at 5:31 PM, fcarvalho4 said:

or in, servermodule.customCSS 

 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=combobox]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}
 
input[type=checkbox]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
}
 
input[type=date]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
  border-radius: 2px;
}

I used this methode in server custom CSS and it's working perfectly in Uni version FMSoft_uniGUI_Professional_1.0.0.1420. Yesterday I upgraded to FMSoft_uniGUI_Professional_1.50.0.1480 and it's not working anymore. Any idea where the problem is ?

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...