Comments on: ComboBox text formatting in AS3

By: Ruli

Ruli — Fri, 20 Aug 2010 10:29:40 +0000

Hallo, I’m having a problem that I do not understand…

I try to embed font in combobox, I already make CustomComboBox class. But the strange thing is that in Flash IDE everything is normal, but when i try in browser..the textField in combobox just disappear. It will appear when embedFonts set to false. I have the font in my library, and the font is working.

Is there anyone who faces the same problem? I try for hours with different techniques but it ends up nothing.

By: TJ

TJ — Mon, 09 Aug 2010 22:38:56 +0000

I found that I could not get the code as provided to work. The drop-down text would render, but my “top-text” would never show.

I had to use “this” instead of trying to reference the “textField” property directly:

this.setStyle(’embedFonts’, true);
this.setStyle(’textFormat’, textFormat);

Instead of:

textField.setStyle(’embedFonts’, true);
textField.setStyle(’textFormat’, textFormat);

By: Peter

Peter — Wed, 28 Apr 2010 15:03:03 +0000

Thank you for this lovely code. Helped me out a lot.

By: senthil kumaran

senthil kumaran — Thu, 15 Apr 2010 09:25:34 +0000

Really thanks ya really helped me alot

By: Thijs

Thijs — Mon, 22 Mar 2010 17:29:20 +0000

Thanks. Was one of the first entries in google for ‘fl.controls.ComboBox cellRenderer’ and worked perfectly.

By: Kevin

Kevin — Fri, 12 Feb 2010 17:22:14 +0000

@Gilles Worked perfectly too ! Definitely the easiest and fastest way to position the textfield

By: Jason Schertz

Jason Schertz — Mon, 30 Nov 2009 23:07:08 +0000

@Tibi:

Had this same problem today. Here’s the solution.

The textField property of the ComboBox class returns a TextInput Object. TextInput inherits from Sprite, so it has access to addChild() removeChild() etc. Instead of setting the prompt property of the ComboBox, I created a TextField and added it to ComboBox.textField:

var prompt_txt:TextField = new TextField();
prompt_txt.embedFonts = true;
prompt_txt.defaultTextFormat = new TextFormat(”FontName”, 12, 0×333333);
prompt_txt.text = “Prompt”;
prompt_txt.y = -6;

var comboBox:ComboBox = new ComboBox();
comboBox.textField.addChild(prompt_txt);
addChild(comboBox);

There you have it, a correctly positioned “prompt”, now, getting the selected states to show up properly, that’s much more difficult, I’m halfway through coding it, hope this’ll get you on the correct path though.

By: Tibi

Tibi — Fri, 27 Nov 2009 11:53:50 +0000

Is there any way to ‘manipulate’ the textField component of the combobox? For my project I must use a non-standard font. the embedding and formatting applied work, but unfortunately, (probably due to the font’s nature), the text appears a little off with 2-3 pixels and basically get’s a little out of the box when rendering the combobox. I tried in all ways to try to “move” the textfield’s with 2-3 points upper but no matter what i try it never moves. Anybody got an idea what could be done?

By: Kathleen

Kathleen — Mon, 26 Oct 2009 22:55:21 +0000

I figured it out. All I had to enter was

txtOPT1.dropdown.setRendererStyle(”textFormat”, myTextFormat);

By: Kathleen

Kathleen — Mon, 26 Oct 2009 22:32:22 +0000

Here is the code I have for my combobox, however I’m wanting to change the color of the dropdown text. Can you help me with this code? The code I have applied right now only changes the selected text, not the dropdown text.

// ComboBox info \\
var myTextFormat:TextFormat = new TextFormat();
myTextFormat.font = “Arial”;
myTextFormat.color = 0xFFFFFF;
myTextFormat.size = 13;

txtOPT1.textField.setStyle(”textFormat”, myTextFormat);
txtOPT1.dropdown.rowHeight = 30;
txtOPT1.prompt = ” Select”;
txtOPT1.addItem({label:” 1 Ticket”, text:”1″})
txtOPT1.addItem({label:” 2 Tickets”, text:”2″})
txtOPT1.addItem({label:” 3 Tickets”, text:”3″})
txtOPT1.addItem({label:” 4 Tickets”, text:”4″})
txtOPT1.addItem({label:” 5 Tickets”, text:”5″})
txtOPT1.addItem({label:” 6 Tickets”, text:”6″})
txtOPT1.addItem({label:” 7 Tickets”, text:”7″})
txtOPT1.addItem({label:” 8 Tickets”, text:”8″})
txtOPT1.addItem({label:” 9 Tickets”, text:”9″})
txtOPT1.addItem({label:” 10 Tickets”, text:”10″})