How to set color to some portion of text in radio.setLabel("Phone Number"+cont.getPhone);

Question

I am using Zk framework for UI and from Controller side i need to set the value for the radio.Have a look on below code

radio.setLabel("Phone Number#"+"<span style="+"\" foreground-color:blue \""+">"+cont.getPhone().toString() +"</span>"+"Email Id"+cont.getEmail());

but it is not replacing the color,only color of phone number should be replaced

score 0 · Answer 1 · answered Sep 05 '14 at 09:04

0

Try below line of code

If you want to do in ZUl page try this

 <radio id="radiog" label="Item D" value="itemD" style="color:blue;"/>

otherwise try

radio.setStyle("color:blue;");//Their can be syntax error please modify it according to your requirement.

answered Sep 05 '14 at 09:04

JavaBeigner

608
9
28

Only color of Phone number should change but with this everything is changing. – VinodBokare Sep 05 '14 at 10:01
Please change specific radio from RadioGroup not all the radio button – JavaBeigner Sep 05 '14 at 10:49

score 0 · Answer 2 · answered Sep 05 '14 at 10:16

0

Take a look at my fiddle. I separate your radio in 3 components: 1 radio and 2 labels, all inside 1 div. This is the only simple way I can think of

Fiddle

Code

<zk>
  <window border="normal" title="hello">

    <div>
          <radio id="radio" value="itemD" />
          <label value="Phone: " />
          <label style="color:blue" value="123456" />
    </div>
  </window>
</zk>

answered Sep 05 '14 at 10:16

AlexGreg

838
10
22

Hii my zul is and from controller side i need to set more than one label to radio and in that only phone number should be colored – VinodBokare Sep 05 '14 at 10:37

score 0 · Answer 3 · edited May 23 '17 at 12:21

0

I doubt ZK allows use of HTML code inside the radiobutton label.

I suggest breaking it into smaller pieces like @AlexGreg answer shows, you can even consider using spans or try a CSS approach like the one suggested in https://stackoverflow.com/a/4622818/1385048.

edited May 23 '17 at 12:21

Community

1
1

answered Sep 09 '14 at 15:37

Repoker

202
3
12

score 0 · Answer 4 · answered Sep 11 '14 at 03:19

0

You can override the client widget's implementation domLabel_() function as follows:

<radio xmlns:w="client">
    <attribute name="onCreate"><![CDATA[
    self.setLabel("<span style='color:blue'>test</span>");
    ]]></attribute>
    <attribute w:name="domLabel_">
    function () { return this.getLabel(); }
    </attribute>
</radio>

answered Sep 11 '14 at 03:19

jumperchen

1,463
12
27

I tried this but on browser its displaying complete html but not the color plz help – VinodBokare Sep 12 '14 at 10:36

score 0 · Answer 5 · answered Oct 29 '14 at 06:47

0

i acheived this through a piece of code.

first create Outer Hlayout then radio button then inner hlayout created two label's & then set css seperatly set that lable to inner hlayout, inner hlayout to radio and radio to outerlayout.

answered Oct 29 '14 at 06:47

VinodBokare

41
2
6

How to set color to some portion of text in radio.setLabel("Phone Number"+cont.getPhone);

5 Answers5