How Do You Do This

Hi David,

I was trying to reproduce spinning in weather sample, How do you do this "text-primary fa fa-spinner fa-spin fa-3x" with Blank

Can you make sample project with blank form?

Thanks

Hello Ade,

I am not sure if can understand very well. You mentioned certain CSS classes (from the Bootstrap CSS and the FontAwesome frameworks) but I am not sure what you wanted exactly, since you can copy the HTML control which declares the spin...

Can you please explain me a little more? Thanks!

---

Hi David,
What I want to do is, when app is click, spinning will be loading and then display new form.
The idea is similar to loading banner image.
Thanks.

Hello,

What about the "Hide" and "Show" actions? The Spiner are in an HTML control that can be hide/show using that actions. What is the point you can't get working Ade?

---

Hello,

What about the "Hide" and "Show" actions? The Spiner are in an HTML control that can be hide/show using that actions. What is the point you can't get working Ade?

What I can't get working is, spinner to redirect to another form after 5-7 seconds of spinning.

Hello Edunt,

I think you need a Timer control. Once you "active" the spinner, start a Timer who wait for certain seconds to "deactive" the spinner and stop by itself.

---

OK, how do I write code for timer control to active view1 form after 10s?

Thanks.

Hello,

Take a look at this attached sample: 10SecsTimer.zip

The approach followed is to start a Timer with an interval of 10000 milliseconds (10 seconds) and use the Timer interval to active/change to another view.

---

Hello,

Take a look at this attached sample: 10SecsTimer.zip

The approach followed is to start a Timer with an interval of 10000 milliseconds (10 seconds) and use the Timer interval to active/change to another view.

Hi,

Ah! Thanks, simple than I thought.

Hello,

Ah! Thanks, simple than I thought.

You're welcome Ade!

---

Hi David, I'm trying to replicate the spinning sample in AB2 and it is not working. Please can you advise on how to do it?

Hello Ade,

Maybe this link of the Font Awesome Icons website can be of your interest. If fact you can paste the below code in an AB2 view, so an HTML control will be created, with the "spinners" already working:

<div class="fa-3x"> <i class="fas fa-spinner fa-spin"></i> <i class="fas fa-circle-notch fa-spin"></i> <i class="fas fa-sync fa-spin"></i> <i class="fas fa-cog fa-spin"></i> <i class="fas fa-spinner fa-pulse"></i> <i class="fas fa-stroopwafel fa-spin"></i> </div>

---

Hi David, Let me tell you what I want to do. I'm porting my project from AB1 to AB2. I understand that part. However I want the view2 to display after spanning view1 timer (10s) finished.

Hello Ade,

AB2 also have a Timer control, so you can use it in a similar way than in your AB1 project. However, maybe a "setTimeout" function can be enough, so you can place the below code in your "view1" Show event:

window.setTimeout(function () { app.showView('view2'); }, 10000);

The above code is more or less simple to understand: after 10 seconds (10000 milliseconds), we use the "app.ShowView()" method to show the "view2" app's view.

---