Ario.Paxaz Posted January 1, 2022 Share Posted January 1, 2022 Hi How to set TUniHTMLFrame on bakground of loginform? I want run JavaScript file in bakground of loginform instead of a photo . Regards. 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 16, 2022 Share Posted January 16, 2022 On 1/1/2022 at 12:34 PM, A.Soltani said: How to set TUniHTMLFrame on bakground of loginform? I want run JavaScript file in bakground of loginform instead of a photo . Hello, Sorry for the late reply. Can you please explain in more details? You cannot use UniHTMLFrame outside the form, but if you specify what you would like to do, then we can try to analyze and embed in the body. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 16, 2022 Share Posted January 16, 2022 Or in simple case, you can use UniHTMLFrame on the login form. Quote Link to comment Share on other sites More sharing options...
Ario.Paxaz Posted January 17, 2022 Author Share Posted January 17, 2022 Hi I want to create my login page as follows. Regards. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 15 minutes ago, A.Soltani said: I want to create my login page as follows. Hello, What's the script in the background. Can you give an example? Quote Link to comment Share on other sites More sharing options...
Ario.Paxaz Posted January 17, 2022 Author Share Posted January 17, 2022 Quote What's the script in the background. Can you give an example? Hi The file is attached particles.js particles.css Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 Do you have a link where you can stop this plugin later? Quote Link to comment Share on other sites More sharing options...
Ario.Paxaz Posted January 17, 2022 Author Share Posted January 17, 2022 Quote Do you have a link where you can stop this plugin later? I do not understand what you mean. What is needed is a stop plugin. https://github.com/VincentGarreau/particles.js Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 44 minutes ago, A.Soltani said: I do not understand what you mean. What is needed is a stop plugin. I mean that after opening the main form, will you stop the animation and the plugin in general? Quote Link to comment Share on other sites More sharing options...
Ario.Paxaz Posted January 17, 2022 Author Share Posted January 17, 2022 Quote I mean that after opening the main form, will you stop the animation and the plugin in general? I thought that by logging in and closing the login form, all the resources allocated to the login form would be released. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 1 minute ago, A.Soltani said: I thought that by logging in and closing the login form, all the resources allocated to the login form would be released. Yes, but if we inject it into the body, it will stay. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 17, 2022 Share Posted January 17, 2022 Later I will try to give you a solution. 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 18, 2022 Share Posted January 18, 2022 20 hours ago, A.Soltani said: I want to create my login page as follows. Hello, Try this approach. 1. CustomFiles: files/particles.css files/particles.js 2. Create a json file (particles.json) in the files folder, this is the settings file, like this for example: https://github.com/VincentGarreau/particles.js/blob/master/demo/particles.json 3. UniLoginForm.Script: particlesJS.load('body', 'files/particles.json', function() { console.log('callback - particles.js config loaded'); }); 4. MainForm.Script: document.querySelector('.particles-js-canvas-el').remove(); 1 Quote Link to comment Share on other sites More sharing options...
Ario.Paxaz Posted January 18, 2022 Author Share Posted January 18, 2022 HI @Sherzod Thanks ,It's Work Fine. Best Regards. 1 Quote Link to comment Share on other sites More sharing options...
Dani Posted January 19, 2022 Share Posted January 19, 2022 Dear A.Soltani Please Share a sample project here... Regards Quote Link to comment Share on other sites More sharing options...
artem_niko Posted February 10, 2022 Share Posted February 10, 2022 On 1/18/2022 at 12:25 PM, Sherzod said: Hello, Try this approach. 1. CustomFiles: files/particles.css files/particles.js 2. Create a json file (particles.json) in the files folder, this is the settings file, like this for example: https://github.com/VincentGarreau/particles.js/blob/master/demo/particles.json 3. UniLoginForm.Script: particlesJS.load('body', 'files/particles.json', function() { console.log('callback - particles.js config loaded'); }); 4. MainForm.Script: document.querySelector('.particles-js-canvas-el').remove(); Thank's, it's working! But, I have a question. How write code, that animation working on MainForm on background? Now, or working animation or not. Need spleet animation on MainForm and set them on background. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 10, 2022 Share Posted February 10, 2022 Are you using LoginForm? Quote Link to comment Share on other sites More sharing options...
artem_niko Posted February 10, 2022 Share Posted February 10, 2022 3 minutes ago, Sherzod said: Are you using LoginForm? LoginForm too and I want show this animation on UniTabSheet, in UniHTMLFrame, for example... Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 10, 2022 Share Posted February 10, 2022 Well you can analyze and apply the code above. Quote Link to comment Share on other sites More sharing options...
artem_niko Posted February 10, 2022 Share Posted February 10, 2022 7 minutes ago, Sherzod said: Well you can analyze and apply the code above. I applied it. I'm saying it works. Animation works on LoginForm, great. But on UniTabSheet , in UniHTMLMemo I can not apply it so that it only works on this tab. The code that is above and which is placed in Mainorm.Script, it makes the animation stretch over the entire main form. And I only need to play it in a certain place. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 10, 2022 Share Posted February 10, 2022 36 minutes ago, Артем said: Animation works on LoginForm, great. Good. 36 minutes ago, Артем said: But on UniTabSheet , in UniHTMLMemo I can not apply it so that it only works on this tab. Your case is not very clear. 37 minutes ago, Артем said: The code that is above and which is placed in Mainorm.Script, it makes the animation stretch over the entire main form. And I only need to play it in a certain place. Can you clarify in more detail? Quote Link to comment Share on other sites More sharing options...
artem_niko Posted February 10, 2022 Share Posted February 10, 2022 (edited) 7 minutes ago, Sherzod said: Good. Your case is not very clear. Can you clarify in more detail? 7 minutes ago, Sherzod said: Can you clarify in more detail? 1. On MainForm create UniPageControl with one UniTabSheet. 2. Put UniHTMLFrame in UniTabSheet. 3. In UniHTMLFrame write script from top post. This is all. Animation must showing only in UniHTMLFrame, not on MainForm, only in UniHTMLFrame. This is all I need... Edited February 10, 2022 by Артем Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 10, 2022 Share Posted February 10, 2022 25 minutes ago, Артем said: Animation must showing only in UniHTMLFrame, not on MainForm, only in UniHTMLFrame. This is all I need... Well analyze this argument: particlesJS.load('body' 'body' - Quote Link to comment Share on other sites More sharing options...
artem_niko Posted February 10, 2022 Share Posted February 10, 2022 On 1/18/2022 at 12:25 PM, Sherzod said: document.querySelector('.particles-js-canvas-el').remove(); Trouble in this code, because if not write him, animation created on all MainForm and outher components are not visible... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.