How to block index page for the time modal popup is loading.

Question

0.00/5 (No votes)

See more:

, +

Index :

@using (Html.BeginForm(new { @style = "backgroundColor: '#f00', color: '#fff'} " }))
{

@{Html.RenderPartial("~/Views/Shared/_TermsAndConditions.cshtml");}

}

Partial View:

HTML

<div>
    <div id="TermsConditionsPopup" class="modal fade"  role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close CancelClass " data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Terms and Conditions</h4>
                </div>
                <div class="modal-body">
                    
                    <iframe src="@Url.Action("GetPDF", "Home")" width="100%" height="100%"></iframe>
                </div>
                <div class="modal-footer btn-sec">
                    <button type="button" class="btn btn-default" id="AgreeButton">I &nbsp; Agree</button>
                    <button type="button" class="btn btn-default" id="ProceedButton">Proceed</button>
                    <button type="button" class="btn btn-default CancelClass" data-dismiss="modal"> Cancel</button>
                </div>
            </div>

        </div>
    </div>

</div>

What I have tried:

I tried giving z-index but the menus load on the index page so when Partial view takes time to load meanwhile user can click on menu and bi-pass accepting terms and conditions . I want to block the menus and links on index page till the time modal is loaded completely

Posted 27-Sep-16 20:12pm

Abrar Kazi

Updated 27-Sep-16 20:45pm

v2

Add a Solution

Comments

Suvendu Shekhar Giri 28-Sep-16 3:10am

In my opinion, the best way can be to have a separate page for accepting term and condition and upon acceptance move to the index page. However, that's just a view and you can look for further solution to resolve your issue.

Abrar Kazi 28-Sep-16 3:16am

You are right but i cannot add another page. I have to find some other way to block the page for the time modal is loading.

F-ES Sitecore 28-Sep-16 4:27am

Even if you get this working I can remove your pop-up using the browser dev tools, or simply disable javascript on my browser. There are so many ways to circumvent your T&C check that I wouldn't really bother spending much time on it. If you want a serious, robust T&C check then javascript is not the way to go.

Abrar Kazi 28-Sep-16 7:07am

So how do i achieve it ?

F-ES Sitecore 28-Sep-16 7:13am

You'll need to add a different page for the T&C check, or alternatively disable the elements on the page you don't want people to access until they agree with the T&Cs, then re-load the page once they have.

Abrar Kazi 28-Sep-16 7:41am

can u tell me how do i do this "or alternatively disable the elements on the page"

F-ES Sitecore 28-Sep-16 7:57am

When you load the parent view, if the T&Cs haven't been agreed (I assume you store somewhere that the T&Cs have been agreed) then don't show any links, just show text so;

<a href="whatever">Some Menu Item</a>

can be shown as

<span>Some Menu Item</span>

or maybe leave off the href attribute, I don't know how your menus are implemented so I can't give specific advice.

Abrar Kazi 28-Sep-16 8:14am

ok i will try . i got a work around , im using Redirect("ViewName") whenever the user is clicking before agreeing to TnC as i store a value of tnc agreement in session. if its null im redirecting agin to the same Index page thus not allowing user to go further

Sreekanth Mothukuru 28-Sep-16 10:25am

Just add a simple JavaScript on your terms & conditions partial page to find menu container control with #id and to hide it.
This way user will not have any other option to navigate away.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)