Apache – Flex: Display Validator Error Message

apache-flexvalidation

In flex, when I put the mouse over a field that is not valid, a red popup appears
which indicate the error message. By default, it's rounded by red.

Is it possible to display the red popup by default without mouse over it?
Because sometimes the red box is not clear enough and we have impression that the program is
stuck

Best Answer

I had a similar issue and I handled it like this.

on the validators I add valid and invalid functions which then changed the background color of the text box or whatever form elements you want. Here is a snippet of code:

<mx:StringValidator valid="handleValid(event)" invalid="handleValid(event)"/>


private function handleValid(event:ValidationResultEvent):void{
  if(event.type== ValidationResultEvent.VALID){
    TextInput(event.target.source).styleName = "validTextStyle";
  }
  else{
    TextInput(event.target.source).styleName = "inValidTextStyle";
  }
}

Then I had styles the turned the background color of the textInput Red for invalid and white for valid

Related Solutions

R – Flash/Flex Cursors

To set the the "Hand" cursor, as soon as the mouse hovers over a element you have to specify these properties:

  <mx:VBox 
       useHandCursor="true"
       mouseChildren="false"
       buttonMode="true">

However this only works for the Hand cursor. Also take care of the required mouseChildren attribute. You either have to set this to false to achieve the cursor for all contained items or you have to specify the attributes useHandCursor and buttonMode for all elements. However the side effect of settings mouseChildren to false is that all mouse events (mouseOver, mouseOut, click,...) on child elements will no longer work.

In case you want to use a different cursor than the hand cursor I am afraid you have only two possibilities:

Replace the standard hand cursor by your cursor
Use the mouseOver and mouseOut events to set the cursor programmatically.

Flex 3: How to change the Mouse Cursor when mousing over a Text Input

Just to clarify - the MouseCursor and Mouse classes exist also in Flex 3 on flash 10. So you can hook to the MOUSE_OVER and MOUSE_OUT events:

elem.addEventListener(MouseEvent.MOUSE_OVER, function(event:Event):void {
    Mouse.cursor = MouseCursor.BUTTON;
});

elem.addEventListener(MouseEvent.MOUSE_OUT, function(event:Event):void {
    Mouse.cursor = MouseCursor.ARROW;
});

Best Answer

Related Solutions

R – Flash/Flex Cursors

Flex 3: How to change the Mouse Cursor when mousing over a Text Input

Related Topic