jqxLoaded Alignment

[rbmanian75Participant]

Hi,

I am trying to use the jqxload according to the sample Sample and set the imagePosition to left and textPosition to right. and it seems to be that it is not working as expected. It seems to be there is much space in the left side. I want to display [Image – Loading] without any space around. But it seems to be that it is not working.

What parameters i have to set to get [Image] – [Loading] format.

Thanks

[Ivo ZhulevParticipant]

Hi rbmanian75,

Change the background-position CSS property of the .jqx-loader-icon class to left.
This should move your loading icon to left. Then adjust the text placement and the width/height to leave no space around.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[alexisdcarvajalnParticipant]

Hi, i’ve question.
When I press the ‘Esc’ key with the jqxLoader in modal mode, it disappears. There is a way around this.

[HristoParticipant]

Hello alexisdcarvajaln,

This is the default behavior.
I would like to ask you how you will handle this (how you will escape from this mode)?

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[alexisdcarvajalnParticipant]

I do not have much experience with this, but I have investigated and seen that mostly css frameworks block the keyboard in general so that it is not interacted from there. Of course this is the modal mode. I use angular and in it rxjs to make get and post requests to the server, the service takes its time to make those requests and that is where I use the jqxLoader, before sending to record I open it with its .open () method and when it is ends its process, the jqxLoader closes automatically using the .close () method. More than anything it is only visualization so that the user cannot interact with the elements of the screen until the process of my services is finished.

[HristoParticipant]

Hello alexisdcarvajaln,

I am not sure did you resolve your case?
Please, clarify it or ask any other questions if you have.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[alexisdcarvajalnParticipant]

myJqxLoader.open();
 myServcie.saveData(object).subscribe(()=>{
  myJqxLoader.close();
 });

The requested service delays and takes time to make changes to the server.
This being the case, the user should not interact with the elements on the screen until the process is finished. So jqxLoader in modal mode gives me that functionality except if I press the ESC key and the functionality stops serving.

[HristoParticipant]

Hello alexisdcarvajaln,

If you want to disable the escape action you could disable it manually.
You need to catch the keypress event to recognize when this happens.
After that, you could add one boolean flag and check for it in the mentioned function.
I hope this will help.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts