Telerik Forums
UI for ASP.NET Core Forum
1 answer
59 views

Hi,

I have a .net core submission form with an upload that works at the moment,  the form submits successfully, and the files are transferred to S3. Is it possible to convert this form to ajax submission and display the loader whilst the form and uploads are processing before I return my success message?

Mihaela
Telerik team
 answered on 06 Sep 2022
0 answers
442 views

I have a general idea of the flow:

(i) Assign a unique id to your form (eg form-id) by changing your form code to:

@using (Html.BeginForm("SaveCountry", "Country", FormMethod.Post, new { id = "form-id" })) {
}

(ii) Put the loader on your page with a unique id. The div is hidden until the form is submitted. Need to use Kendo Loader here and place it in either a partial view or in _Layout so it is always available as hidden--by-default

(iii) Style the loader / loading div to go somewhere useful.

(iv) Show the loader when the form is submitted (and after any validation has been completed), for example (not sure about this):

<script>
    $("#form-id").on("submit", function () {
        $("#divLoading").show();
    });
</script>

(v) Given that the page will redirect, I can probably leave the loader until the page redirects. But if I need to hide the loader before that happens, I can use (Kendo Loader here + function defined in _layout as well):

$("#divLoading").hide();
Now I just need to use Kendo Loader with the above flow.
DoomerDGR8
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 06 Aug 2022
1 answer
401 views

Is it possible to integrate loader or other wait component to show that server  side process is running?

 

Tsvetomir
Telerik team
 answered on 06 Dec 2021
2 answers
156 views

I'm using your loader when I disable forms after an entry/submit.  But, I also use your Grid so I'd like the same "progress indicator" used while waiting for the grid datasource to return.  So, how do I make the Loader use the same animation as the Grid or how do I make the Grid use the Loader?

Joel
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 06 Oct 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?