Home Forums EZY Template Modal problem

This topic contains 7 replies, has 2 voices, and was last updated by  Support2 4 months, 3 weeks ago. This post has been viewed 211 times

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10028580

    hermzes
    Participant

    Hello,

    on the home page, on the top right, you have a button “Je veux un devis”.
    If you click on it, it should pop up a modal with a form that i can fill in.
    As you can see, when you click on the button, the pop up modal is showing but everything is grey and not clikable. I can’t fill information nor close the modal. I have to refresh the page to do so.
    Can you please tell me what to do to fix this issue ?


    #10028586

    Support2
    Keymaster

    Hello, thanks for your purchase.

    Just change the position of modal content to after the tag <body>, for example:

    <body>
        <div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModal4Label" aria-hidden="true">...</div>

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10028670

    hermzes
    Participant
    This reply has been marked as private.
    #10028678

    Support2
    Keymaster

    Hello,

    As you created a private paste we couldn’t access your shared code. Please create a public paste at pastebin.com

    You need change the modal content position like on the image below:

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10028696

    hermzes
    Participant
    This reply has been marked as private.
    #10028699

    Support2
    Keymaster
    This reply has been marked as private.
    #10028702

    hermzes
    Participant
    This reply has been marked as private.
    #10028705

    Support2
    Keymaster

    Hello,

    The example you are trying with modal + contact form is for modal layout preview purposes and not is functional.

    To do a functional contact form inside a modal, please use this code below:

    <div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModal4Label" aria-hidden="true">
    	<div class="modal-dialog text-left" role="document">
    		<form class="contact-form modal-content" action="php/contact-form.php" method="POST">
    			<div class="modal-header">
    				<h5 class="modal-title" id="exampleModal4Label">Modal Title</h5>
    				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
    					<span aria-hidden="true">&times;</span>
    				</button>
    			</div>
    			<div class="modal-body">
    
    				<div class="contact-form-success alert alert-success d-none">
    					<strong>Excellent !</strong> Votre message nous a été envoyé.
    				</div>
    				<div class="contact-form-error alert alert-danger d-none">
    					<strong>Erreur !</strong> Votre message n'a pas été envoyé.
    					<span class="mail-error-message d-block"></span>
    				</div>
    				<div class="form-row">
    					<div class="form-group col">
    						<input type="text" value="" data-msg-required="Merci d'écrire votre nom." maxlength="100" class="form-control" name="modalname" id="modalname" placeholder="Nom" required>
    					</div>
    				</div>
    				<div class="form-row">
    					<div class="form-group col">
    						<textarea maxlength="5000" data-msg-required="Merci d'écrire votre message." rows="5" class="form-control" name="modalmessage" id="modalmessage" placeholder="Message" required></textarea>
    					</div>
    				</div>
    
    			</div>
    			<div class="modal-footer">
    				<button type="button" class="btn" data-dismiss="modal">Close</button>
    				<input type="submit" value="ENVOYER LE MESSAGE" class="btn btn-primary" data-loading-text="Loading...">
    			</div>
    		</form>
    	</div>
    </div>

    * Replace the current modal content with this new.

    Also add the code like on the image below at (js/views/view.contact.js):

    * This will close the modal when the cotnact form is sent without errors.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 8 posts - 1 through 8 (of 8 total)