Terms of Service Dialog Box

I get customers to tick the box to agree to terms prior to placing the order.  As a result we have the option to read those terms in a in-line dialog box.

The problem I have is that we have lengthy terms and conditions, which causes the page to massively scroll beyond the length of the basket / cart (whichever is your preferred term).

I am looking to make box fixed height, so the content just scrolls within it.

I am using version 3.8 and I host it on my own web server.

Anyone have any ideas how I can make this happen?

Thank you for any help you can give!

Hi Michael,

Please do not copy forum post.

Terms of Service Dialog Box

Michael@Work wrote:

you could wrap it some html?

<div id="scrollbox" style="text-align:left; padding:0px; padding-top:20px; width: 100%; height: 340px; overflow: scroll; overflow-y: scroll; overflow-x: hidden;">

 // your content here

</div>

Thank you marc for your response.  Could you point me in the direction of where to look to apply the wrapper DIV.  Basically, which file should I be looking in?!

Terms and condition on particular page to using checked box

<div id="terms-of-service-warning-box" title="@T("StandardFormField.TermsOfService")" style="display: none;">
            <p>@T("StandardFormField.TermsOfService.PleaseAccept")</p>
        </div>
        <div class="terms-of-service">
            <input id="termsofservice" type="checkbox" name="termsofservice" />
            <label for="termsofservice">@T("StandardFormField.TermsOfService.IAccept")</label>
            <a class="read" id="read-terms">@T("StandardFormField.TermsOfService.Read")</a>

            <!--terms acceptance descrption popup-->
            <script asp-location="Footer">
            $(document).ready(function () {
                $('#read-terms').on('click',
                    function(e) {
                        e.preventDefault();
                        displayPopupContentFromUrl(
                            '@Url.RouteUrl("TermsAcceptance")',
                            '@T("StandardFormField.TermsOfService")');
                    });
            });
            </script>

            <!--terms acceptance popup for checked-->
            <script asp-location="Footer">
                $(document).ready(function () {
                    $('#submit').on('click', function () {
                        //terms of service
                        var termOfServiceOk = true;
                        if ($('#termsofservice').length > 0) {
                            //terms of service element exists
                            if (!$('#termsofservice').is(':checked')) {
                                $("#terms-of-service-warning-box").dialog();
                                termOfServiceOk = false;
                            } else {
                                termOfServiceOk = true;
                            }
                        }
                        return termOfServiceOk;
                    });
                });
            </script>
        </div>

submit button click

<div class="standerdform-btn">
    <input id="submit" type="submit" value="Submit" class="btn btn-primary" />
</div>

RouteProvider.cs

endpointRouteBuilder.MapControllerRoute("TermsAcceptance", $"{pattern}termsacceptance/",
                new { controller = "Home", action = "TermsAcceptance" });