This is really weird but I managed to get the following working:

Code:

$.messager.alert({
	title: 'title',
	msg: 'msg',
	icon: 'info',
	left: 10,
	top: 10
})

Its seems my browser cache was having some issues... I typed the following in my command prompt:

Code:

ipconfig /flushdns

Really happy to see this working !!! 

Thanks for the jsfiddle example! I still cannot get it to work... However I've now also upgraded to 1.4.2 and find no real improvement (although with Firefox browser its slightly better).

[Edit Note]:
(1) The message box still gets obscured depending if its on the top half or bottom half of the page.
(2) Depending on which browser the jump can be even more dramatic with chrome being the worse with it entirely obscuring the message box.


I reckon I've tried just about everything.... Now starting to think that perhaps the issue relates to the fact that I am using an iframe...

With using the "move" method I'm also getting the annoying jump screen whereby a lot of the times the message box is out of view when it should not be... I've tried using the following code:

Code:

$.messager.alert({
	title: 'title',
	msg: 'msg',
	icon: 'info',
	left: 10,
	top: 10
})

However that results in an error stating "object:object, undefined" on the message box - with it not being displayed according to the specified top/left locations...

I would really, really appreciate it if this can be solved...

Many Thanks!!!

Update: For the time being the only way I can get this to work is to place the css code directly within my webpage and thus ignore icon.css.. For some reason adding it to icon.css it is not picked up,where are the default set is... It seems to me there is another piece of code which needs to be added should you want it to work in the same way as for default ones...

Dear All,

This is driving me a little loopy.. I'm trying to add new icons to my forms such as on buttons etc... I thought this would work:

1. Add new icon to the "icons" folder e.g. mynewiconfile.png

2. Amend icon.css with referencing the new icons e.g.

.icon-mynewiconfile{
   background:url('icons/mynewiconfile.png') no-repeat center center;
}

3. In the source code:

<a href="javascript:void(0)" class="easyui-linkbutton" style="width:110px" onclick="myfunction()" data-options="iconCls:'icon-mynewiconfile'">Example</a>


However it does not work... Nothing is shown... The only icons which work is the limited set that you get when downloading the libraries...

This should be simple lol... Perhaps I am missing something very obvious... Appreciate any help you can offer...

Cheers,


Sid



 

Dear Stworthy, Yes indeed that worked like a charm!!! Thank you so much for getting back on this so quickly... Awesome....   

[height of the screen]

Dear All,

This one is driving me a little insane as positioning items is simple in most cases...

My problem relates to the confirmation message box which is always centered relative to the height of the page i.e. content length and not to the actual screen size (actual height of the screen). Therefore if the page is really long the message box is always shown at the bottom of the screen ...

In simple terms why is it not possible to simply apply position attributes to the confirmation (and prompt) messager boxes as with the other message box type... I note that this property does not exist for this type as per documentation... I've also tried to fix this using stylesheet attributes but to no avail...

Here is a partial code example:


$.messager.confirm('Confirm','Are you sure you want to remove this xxxx?',function(r){
      if (r){
             //Do something 
      }
});

I'm basically trying to add the below (a rough example whilst looking online):

function popupwindow(url, title, w, h) {
  var left = (screen.width/2)-(w/2);
  var top = (screen.height/2)-(h/2);
  return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}


What can I add to this to position the confirmation box relative to the screen? Can it be done using stylesheets? Appreciate any help/guidance on how to solve this!!! 

Many Thanks in Advance...

Interesting... I see that it works on Chrome and IE but on Firefox I see the error.... 

For example for the combobox at: http://www.jeasyui.com/demo/main/index.php?plugin=ComboBox&theme=default&dir=ltr&pitem=

I attach an image - as you can see the combobox is a text item and does not show all of the other possible values from the drop down...

Weird thing is that on my development machine (local host) firefox is showing the combobox properly...

Hi Aswzen,

Awesome!! Yes indeed this works... I also note by setting validType: '' (empty string) removes any previous assigned validTypes...

Many Thanks... 

Dear All,

I'm trying to figure out how to dynamically set the validType of a easyui-validatebox. In this particular situation I have combo-box and when various values are selected then I need to change the validType of the text box. For example lets say I select value 1 from the combo-box then the text box can have free text (no validation), however if I select value 2 from the combo the textbox needs to be a valid URL.

I have managed to write the code to the point where I have detected the combo box change but I am unable to figure out how to change the validType of the textbox.

Appreciate your help!

Dear Admin -

I just noted that some of the demo's on your website has recently stopped working such as for the combobox and timespinner... Hopefully its easy to resolve... The demo's have been extremely useful...

Kind Regards