Highlights Fields

[rtalmeida]

Hi, Attached a small project, can anyone help me set up to highlight the UniComboBox and UniDateTimePicker fields

highlightfields.zip

[Sherzod]

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
}

[Sherzod]

Also for UniDateTimePicker:

function beforeInit(sender, config)
{
    config.focusCls='myfield-focus';
}

[fcarvalho4]

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;

}

[Sherzod]

And for UniEdit and for UniMemo too:

function beforeInit(sender, config)
{
    config.focusCls='myfield-focus';
}

[rtalmeida]

The two solutions works with the default theme but with the uni_mac theme does not work.

[Sherzod]

Ok, we will check this issue

[rtalmeida]

Ok DD.

[Sherzod]

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,

[rtalmeida]

thank you

[tZac]

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 ?

[Sherzod]

Hello,

Which edition are you using ?! Are you using a trial edition ?

[tZac]

1 minute ago, Sherzod said:

Hello,

Which edition are you using ?! Are you using a trial edition ?

Nop, using FMSoft_uniGUI_Professional_1.50.0.1480

[Sherzod]

Thank you,

Please, first of all adjust your forum emaill address, please visit here:

 

[tZac]

8 minutes ago, Sherzod said:

Thank you,

Please, first of all adjust your forum emaill address, please visit here:

 

Sorry, corrected. I used my old email while testing the demo version.

[Sherzod]

Ok, thanks

And please try to make a simple testcase for this if possible, and attach here

[tZac]

Hm, i tried FormattedEdit Demo Project, and put it in server customCSS and everything is working ok. The problem is somewhere in my project. Digging in progress.... Thank you.

[tZac]

Hehe I disabled .BorderStyle property to ubsNone and try to change it with CSS. Nice try. I'm sorry for the wrong conclusion. Thank you for help. UniGui is amazing product and support is 5*

[GerhardV]

57 minutes ago, tZac said:

Sorry, corrected. I used my old email while testing the demo version.

It still shows you as "Members" and not "UniGUI Subscriber" so you must have not entered the correct email.

[tZac]

4 minutes ago, GerhardV said:

It still shows you as "Members" and not "UniGUI Subscriber" so you must have not entered the correct email.

Nope, I AM UniGUI Subscriber .......

[GerhardV]

 good...may have been a caching issue.