how to change the webix.message() position in page

Webix JS
#1

How can I change the webix.message() position in the page, let have an example, I want to display the error message next the the text box, so it will be easy for the user to validate the errors and it looks good also.

Thanks.

#2

You can stick messages to the top or to the bottom of a screen.
There is no way to place them in any other position ( window and popups can be shown at any position, messages only at fixed areas )

#3

for example :

$(".webix_message_area")
.css(“top”,“60px”)
.css(“left”,“20px”);

#4

Can you please share the example snippet, that would be really help full for me to implement in the project.

#5

Here’s the sample of bottom message. But note that redefining CSS will change position of all webix.messages on the page:

http://webix.com/snippet/4d35902d

#6

Are there any news on this topic? This would be a very useful feature to show the message within a window. If you have an app with multiple windows you don’t expect a message outside of the window that generated the message / in any corner of the browser. For example a message shown as a form validation result should be visible anywhere near the form.

#7

How can I place the message at a certain position from the top?

http://webix.com/snippet/cc3aeb7a

#8

@dutu

  .webix_message_area{
  	top:100px !important;
  	left:100px;  	
  }
#9

thanks!

#10

This is not working in IE

#11

I added this
.webix_message_area {
top: auto !important;
bottom: 1px !important;
}

working fine