Topic: Dropdown and modal are not working

Tripti Agarwal free asked 6 years ago


I followed all the steps:https://mdbootstrap.com/angular/5min-quickstart/ Dropdown code:<div class=\"dropdown\"><!--Trigger--><button class=\"btn btn-primary dropdown-toggle\" type=\"button\" id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Dropdown primary</button> <!--Menu--><div class=\"dropdown-menu dropdown-primary\"><a class=\"dropdown-item\" href=\"#\">Action</a><a class=\"dropdown-item\" href=\"#\">Another action</a><a class=\"dropdown-item\" href=\"#\">Something else here</a><a class=\"dropdown-item\" href=\"#\">Something else here</a></div></div>Modal code:<div class=\"modal fade\" id=\"modalSubscriptionForm\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\"><div class=\"modal-dialog\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header text-center\"><h4 class=\"modal-title w-100 font-bold\">Subscribe</h4><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button></div><div class=\"modal-body mx-3\"><div class=\"md-form\"><i class=\"fa fa-user prefix grey-text\"></i><input type=\"text\" id=\"form3\" class=\"form-control validate\"><label data-error=\"wrong\" data-success=\"right\" for=\"form3\">Your name</label></div><div class=\"md-form\"><i class=\"fa fa-envelope prefix grey-text\"></i><input type=\"email\" id=\"form2\" class=\"form-control validate\"><label data-error=\"wrong\" data-success=\"right\" for=\"form2\">Your email</label></div></div><div class=\"modal-footer d-flex justify-content-center\"><button class=\"btn btn-indigo\">Send <i class=\"fa fa-paper-plane-o ml-1\"></i></button></div></div></div></div><div class=\"text-center\"><button class=\"btn btn-default btn-rounded mb-4\" data-toggle=\"modal\" data-target=\"#modalSubscriptionForm\">Launch Modal Subscription Form</button></div>

Damian Gemza staff answered 6 years ago


Hello Tripti, Could you describe me your problem wider? I don't know what's going on. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags