Home > Flex Error > Flex Error Tooltip

Flex Error Tooltip

by Mark Foster on 2010-09-22 22:59:21 in other words, there is no simple way to make the REGULAR error message visible when the user rolls out of an input? Great class Chris. var pt:Point = new Point(target.x, target.y); pt = target.contentToGlobal(pt); var errorTip:ToolTip = ToolTipManager.createToolTip(errorMessages[target.name] + " cannot be empty", pt.x + target.width + 5, pt.y) as ToolTip; errorTip.setStyle("styleName", "errorTip"); // Save a The ErrorSkin class handles the logic that draws this glow around the target component. http://epssecurenet.com/flex-error/flex-error-tooltip-position.html

It's not a very clean solution, but does seem to work okay. This is a bit messy so if anyone can suggest a better way of doing it I'm all ears.I have used the registerValidatorOnPopUp(...) functions as these pass in the container component, Seems to work quite nicely. Post navigation ← Setting an error string on a CheckBox control in Flex Setting the background color and background alpha for a NumericStepper control in Flex → 15 thoughts on “Changing

While you may not allow them to submit a form unless they enter valid information, they should be able to navigate around the form freely and fill in the information as unregisterPopUpValidators(popUp, validateExistingErrorTips) - unregisters all the validators associated with the popUp and removes the move and resize listeners that were added to the popUp. by Rakesh Sivan on 2010-08-04 04:06:00 "Needless to say, having the user switch input devices and exert additional effort in order to see a form validation error does not make for I'm currently struggling with popup revalidating issues, and so far I've made two additions:1) updateErrorTipPosition functionif (makeVisible && !errorTip.visible && (target as UIComponent).errorString != "") {added the last condition to avoid

How to reliably reload package after change? I've written two new components called TitledBorderBox a... Yon says: September 26, 2008 at 5:23 pm Sorry i made this post in another thread, but i posted here because i think it belongs more with the topic Hi, i Here is the code: // Helper method.

March 17, 2010 at 3:01 AM digio said... Comments are closed. Why are Spanish adverbs formed using the feminine? more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation

Check this link to customize your tooltip, to show your error in ToolTips share|improve this answer edited Dec 19 '12 at 6:50 arthankamal 2,98911531 answered Jun 24 '10 at 16:07 Brent Why is it a bad idea for management to have constant access to every employee's inbox? said... For large forms/screens often present in APPLICATIONS (not little WEBSITE type forms like this), this would improve usability massively.

The code is documented, so view the sample below and right click view source to get the source code. Thank you very much for your quick response! I built this functionality, with a few changes, into a component (extending PromptingTextInput from flexlib) for anyone to use. private function validate(validator:Validator):Boolean { // Get a reference to the component that is the // source of the validator.

Hand-rolled in Malmö using responsive pixels and love. http://epssecurenet.com/flex-error/flex-error-2041.html Not the answer you're looking for? by Gambit on 2008-02-25 23:01:53 I can't figure this out. put the source don't try to be so smart by Aral Ashole on 2009-03-19 20:19:40 oops....

more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation I did have a problem validating a TextInput control in a modal dialog. Removing elements from an array that are in another array A Shadowy Encounter How to prevent Beamer from repeatedly expanding macros in \frametitle when frame-breaking Cyberpunk story: Black samurai, skateboarding courier, http://epssecurenet.com/flex-error/flex-error-tooltip-color.html more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed

by Hmm on 2008-09-29 16:48:36 This is fine for small forms like this. when you resize the browser: Make the errorMessages var a Dictionary, so you can use the whole target object as a key value: private var errorMessages:Dictionary = new Dictionary(); Now use Flex 4 Spark Resizable Controls Please go here for Flex 3 Resizable Containers .

Kyle Quevillon has a post in which he details how to use the Flex Tooltip Manager to create Error Tooltips.

Open hemisphere is connected How many answers does this question have? Also, how do you control the position of the arrow that is part of the border? I have been trying to use this in Flex 4 which work well except that is does not handle scrolling when inside a Scroller (as mentioned by digio above). Please help me to resolve this.

The implementation of the method getErrorTipPosition isn't quite correctly defined.Here's what it should be.private static function getErrorTipPosition(target:DisplayObject):Point { // position the error tip to be in the exact same position as Truth in numbers My CEO wants permanent access to every employee's emails. Quite unique !! weblink Continue reading Creating tool tips on the Flex RichTextEditor control → Setting a Flex tool tip's maximum width September 5, 2007ToolTipmaxWidth, ToolTipManagerpeterd The following example shows how you can use the

var validatorSource:DisplayObject = validator.source as DisplayObject; // Suppress events if the current control being validated is not // the currently focussed control on the form. Any clues? Hi Beau,Thanks very much for the comment. Any thoughts?

Hi Chris,great example, it help a lot, but I have issue with hideAllErrorTips method, it not disable tip on field that has focus.Can you help with it?Also I found another issue For horizontal scrolling use the horizontalScrollPosition property.The verticalScrollPosition is "the current position of the vertical scroll bar. Hey Chris,Great util. Hi Chris,thanks a lot for sharing this.

I can't see any explicit licensing on this piece code so was wondering if it was ok to use in commerical application.Thanks,Noella February 17, 2010 at 1:48 AM Chris Callendar said... Tarun says: November 1, 2011 at 3:17 am Thanks Peter, it is really helpful! If you are still having trouble please feel free to post your example and I'll try to debug it.Thanks,Chris March 24, 2010 at 1:11 PM Chris Callendar said... http://flexed.wordpress.com/2008/01/02/component-cform-v10/ by udayms on 2008-01-24 12:26:58 I had created a demo for my CForm component - http://flexed.wordpress.com/2008/01/02/component-cform-v10/....

Thank you very much. Well, the above comment is a solution for the HBOX issue, so you do not have to add an hbox to each of your form items. Hi Chris,I think I was not clear with my point.For exampleConsider a component, say objCanvas1 which is having some text controls. Displaying validation errors on the form itself leads to better usability as users do not have to exert additional effort to find out what they did incorrectly.

You can create ToolTips that look like validation error tips by applying the errorTip style to the ToolTip. I've made a change now in the ErrorTipManager so that it now supports multiple validators per popup. Check them out here: http://www.tonyamoyal.com/blog/?p=26 by Tony on 2009-05-06 05:26:04 Hey, You did with custom validation by (if (target.text == "")). Instead you can do it manually by calling ErrorTipManager.hideErrorTip(validator.source, true).

Flex Examples Just a bunch of Adobe Flex examples Menu Skip to content BooksAbout MeFlex 3 ("Moxie")Flex 4 ("Gumbo")Flex 4.5 ("Hero")Colophon Search for: Category Archives: ToolTip Styling tooltips in Flex 4