Topic: Modal not working full page in VUEJS

hheverson pro asked 4 years ago

My modal not working in full page, only above the parent div, How can I arrange this?

Mikołaj Smoleński staff answered 3 years ago

I can't find modal in Your code. Please verify it with our documentation page:

Best regards

hheverson pro answered 4 years ago

<section class="form-elegant" v-if="!loader">
<mdb-card-body class="mx-4">
<div class="text-center">
<h3 class="dark-grey-text mb-5"><strong>Adicionar tipos de notificação</strong></h3>
<mdb-input label="Your email" type="email"/>
<mdb-input label="Your password" type="password" containerClass="mb-0"/>
<p class="font-small blue-text d-flex justify-content-end pb-3">Forgot <a href="#" class="blue-text ml-1"> Password?</a></p>
<div class="text-center mb-3">
<mdb-btn type="button" gradient="blue" rounded class="btn-block z-depth-1a">Sign in</mdb-btn>
<mdb-modal-footer class="mx-5 pt-3 mb-1">
<p class="font-small grey-text d-flex justify-content-end">Formulário destinado a inserir novos tipos de notificação</p>
<div v-else class="row">
<div class="col-md-12 text-center">

Mikołaj Smoleński staff answered 4 years ago

Hi there,

Could You please share Your code with us? It would be much easier to cooperate and fix that issue.

Best Regards

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No