TOPIC:

Hi,

It's not working, but i tried Tihana's hint and it works!


super!

Now we need to change the color of the label in the select list, right?

Regards,
Mirko

Yes, like the attached pic i send it again
Thanks
Chris

Mirec wrote: Hi,

It's not working, but i tried Tihana's hint and it works!


super!

Now we need to change the color of the label in the select list, right?

Regards,
Mirko

Hi,

oke, it is little complicated to perform, but I will give my best to do it

if you have more questions, feel free to ask!

Regards,
Mirko

Hi,

I have the solution for this your problem, using optgroup

the solution is :

You can do this by definig your "select from list" element list like this:

this is needed, at least one option, so the select element get's built on start. We will remove this option by code in the bellow script.

Now go to your select list element> init script> Form entry:

Instead 'selectFromListELementName' insert name of your select list.

If you need more help with creating optgroup, let me know and I will help you.

Let me know!

Regards,
Mirko

Hi Mirko,
I've followed your suggestion and its ok. I created a new optgroup without problem.
Also I deleted the "element.options[0]= null;" and insdead of 0;0;0 I put "0;Select city;Select city". It works. Are we ok?

Can you tell me how can I change the color and the background of labels and options? I suppose I have to add some css rules, please can you give me an example?

Thanks for your help
Chris

Mirec wrote: Hi,

I have the solution for this your problem, using optgroup

the solution is :

You can do this by definig your "select from list" element list like this:

0;0;0

this is needed, at least one option, so the select element get's built on start. We will remove this option by code in the bellow script.

Now go to your select list element> init script> Form entry:

function ff_selectFromListELementName_init(element, condition)
{
element.options[0]= null;

var optG = document.createElement("optgroup");
optG.label = "First Optgroup";
optG.appendChild(new Option('Option1', 'value1', 'none', false, false));
optG.appendChild(new Option('Option2', 'value2', 'none', false, false));
element.appendChild(optG);

optG = document.createElement("optgroup");
optG.label = "Second Optgroup";
optG.appendChild(new Option('Option3', 'value3', 'none', false, false));
optG.appendChild(new Option('Option4', 'value4', 'none', false, false));
element.appendChild(optG);
	
}

Instead 'selectFromListELementName' insert name of your select list.

If you need more help with creating optgroup, let me know and I will help you.

Let me know!

Regards,
Mirko

Hi,


Hi,

Here is a solution for add background color:
Go to Form properties > Advanced> More options. Then go to Form pieces and in the Before form select Custom.

Then in the code area below put the following code:


For a change in the label color of the select list, I need to check it

Let me know, whether this works for the background color

Regards,
Mirko