Home > Adobe Flex > Flex Required Field Indicator

Flex Required Field Indicator

February 20th, 2009 Leave a comment Go to comments

Ever wanted to create your own textual component that sits outside of a Flex Form (and FormItem tag) that still uses the same required field indicator?

After trying to duplicate the little red asterisk using styles or even creating my own graphically, I opted to use the same one that comes part of the Flex SDK inside Assets.swf:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
    horizontalGap="0" verticalAlign="middle" horizontalAlign="right" 
    height="18" width="100%"
    paddingBottom="0" paddingTop="0"
    styleName="requiredFieldLabel">
 
	<mx:Image 
	    source="@Embed(source='Assets.swf',symbol='mx.containers.FormItem.Required')" 
	    height="7"/>
 
	<mx:Label text="indicates required field" 
	    styleName="requiredFieldLabel"/>
 
</mx:HBox>

Here’s what you’d see:
required_field

Categories: Adobe Flex Tags:
  1. smabnulmils
    February 28th, 2009 at 00:16 | #1
    Reply | Quote

    Thank you!

  2. floor jack
    March 14th, 2009 at 06:21 | #2
    Reply | Quote

    This is the first time I commented here and I must say that you give us genuine, and quality information for other bloggers! Great job.
    p.s. You have a very good template for your blog. Where did you find it?

  3. Gomer
    August 27th, 2009 at 15:26 | #4
    Reply | Quote

    Hi!

    How can I do to make the red asterisk appear to the right of an input text box in flex?

    Regards

    • Erich
      September 15th, 2009 at 11:50 | #5
      Reply | Quote

      Easy…just swap the Image and Label tags. Since they both reside inside of an HBox (horizontal box), the first tag listed will appear left-most on the screen. So you want to write this instead:

  4. Alejandro
    January 7th, 2011 at 10:16 | #6
    Reply | Quote

    Hi, I think that your example could Work for me but I dont understand how to use it. Can you explain to me. I need to indicate in all my requiered fields using an asterisk but I can´t use a form.
    Thanks

  5. DSL
    November 20th, 2013 at 07:09 | #7
    Reply | Quote

    Thanks a lot…..

  6. how does septic tank work?
    June 22nd, 2020 at 04:57 | #8
    Reply | Quote

    Really informative blog.Much thanks again. Really Cool. free sex gifs

  7. grove-white
    June 22nd, 2020 at 06:19 | #9
    Reply | Quote

    I view something really special in this internet site.

  8. how does septic tank work?
    June 26th, 2020 at 02:50 | #10
    Reply | Quote

    Thanks so much for the blog.Really thank you! Will read on

  9. Fabric Face Mask Manufacturers Bangladesh
    June 29th, 2020 at 06:14 | #11
    Reply | Quote

    this is actually the fourth time i read the blog, good article as always! regards, Samui First House Hotel

  10. Rolet online
    July 8th, 2020 at 10:25 | #12
    Reply | Quote

    This blog is without a doubt entertaining additionally factual. I have found many useful stuff out of this source. I ad love to return again and again. Thanks a lot!

  11. สล็อตXo
    July 19th, 2020 at 11:01 | #13
    Reply | Quote

    Thanks a lot for this kind of details I had been exploring all Yahoo to locate it!

  12. ABW-001
    August 6th, 2020 at 09:25 | #14
    Reply | Quote

    of course, study is paying off. Is not it good whenever you uncover an excellent article? My personal internet searching seem full.. thank you. Great ideas you have got here..

  13. mold remediation
    August 10th, 2020 at 03:51 | #15
    Reply | Quote

    Thanks for sharing, this is a fantastic post.Really thank you! Really Cool.

  14. How To Overcome Caffeiene Addiction
    August 17th, 2020 at 08:57 | #16
    Reply | Quote

    Just read this I was reading through some of your posts on this site and I think this internet site is rattling informative ! Keep on posting.

  15. thuoc chua teo nao
    September 6th, 2020 at 07:33 | #17
    Reply | Quote

    Major thankies for the blog post. Much obliged.

  16. Joe Biden 2020 T Shirt
    September 20th, 2020 at 17:27 | #18
    Reply | Quote

    its really really nice piece of writing on building up new webpage.

  17. Mbappe
    July 24th, 2021 at 09:23 | #19
    Reply | Quote
  18. Hazard
    November 1st, 2021 at 07:44 | #20
    Reply | Quote
  19. james
    January 7th, 2022 at 03:49 | #21
    Reply | Quote
  20. usa
    August 5th, 2022 at 07:01 | #22
    Reply | Quote
  21. usa
    August 23rd, 2022 at 17:42 | #23
    Reply | Quote
  22. Canada
    November 28th, 2022 at 07:45 | #24
    Reply | Quote
  23. HP
    December 5th, 2022 at 07:51 | #25
    Reply | Quote
  24. Mercy2
    December 25th, 2022 at 17:39 | #26
    Reply | Quote
  25. Mercy2
    February 17th, 2023 at 05:32 | #27
    Reply | Quote
  26. powre
    February 18th, 2023 at 02:12 | #28
    Reply | Quote
  27. Singapore
    June 4th, 2023 at 03:39 | #29
    Reply | Quote
  28. Uk
    June 4th, 2023 at 03:41 | #30
    Reply | Quote
  29. Pep Guardiola
    June 4th, 2023 at 03:43 | #31
    Reply | Quote
  30. Canada
    June 6th, 2023 at 06:50 | #32
    Reply | Quote
  31. Mercy2
    June 8th, 2023 at 02:43 | #33
    Reply | Quote
  1. No trackbacks yet.