How to implement 5star rating in popup using Model Popup and store the ratings which are given by user

[Ishan Shah]

Hello!

I want to implement 5star rating in the popup and store the ratings which are given by the user, 

so how can i implement 5star rating in popup using Model Popup and store the ratings which are given by the user

[Keerthana Rajendran]

Hi Ishan, 

Thanks for contacting Syncfusion support.  

You can use helper to render Rating control within EJ Dialog.  To render Dialog as Modal dialog , you can enable the “EnableModal” property. You can set 5 star rating using Value property and get the final rating value with its change event and store it in database based on your scenario.  

Refer to the following code. 

<div class="control"> 

    @{Html.EJ().Dialog("basicDialog").Title("Rate your experience").EnableModal(true).ContentTemplate( 

@<div> 

    @innerContent() 

</div>).Width(350).MinWidth(300).MinHeight(125).IsResponsive(true).Render();} 

</div> 

} 

@helper innerContent() 

{ 

    @Html.EJ().Rating("orientRating").Value(5).ClientSideEvents(e=>e.Change("onChange")) 

} 

<script> 

    function onChange(args) { 

        console.log(args.value); 

    } 

</script> 

We have attached a sample for your reference in the following link 

https://www.syncfusion.com/downloads/support/forum/157461/ze/Rating_inside_Modal_Dialog-835294036  

Now Rating will be rendered within Modal Dialog as shown below 

 

Refer to the below links for more details on these controls 

	Rating	Dialog
Getting Started	https://help.syncfusion.com/aspnetmvc/rating/getting-started	https://help.syncfusion.com/aspnetmvc/dialog/getting-started
Demo	http://mvc.syncfusion.com/demos/web/rating/default	http://mvc.syncfusion.com/demos/web/dialog/default
API Reference	https://help.syncfusion.com/api/js/ejrating	https://help.syncfusion.com/api/js/ejdialog

Please let us know if you need further assistance.  

Regards, 

Keerthana.