DatePicker and mdb-select are not working for pro


Topic: DatePicker and mdb-select are not working for pro

Vantage Data asked 6 years ago

Expected behavior Displaying the component on the UI Actual behavior Nothing displayed Resources (screenshots, code snippets etc.)


Damian Gemza staff answered 6 years ago

Dear Vantage Data,

Which version of Chrome you're using? Please specify the full version number.

Coreystinson2,

We'll check the problems with the latest Chrome.

Best Regards,

Damian


Vantage Data commented 6 years ago

Im using Chrome Version 73.0.3683.75 (Official Build) (64-bit)


Damian Gemza staff answered 6 years ago

Dear Vantage,

Could you please describe your problem using more words? What exactly is not working?

I'm assuming, that you have done something wrong while configuring your project to use the MDB Angular Pro, because those components works fine.

Please take a look at our Quickstart Guide for Pro (switch blue tab to Pro at the middle of the page).

Best Regards,

Damian


Vantage Data commented 6 years ago

We purchased the Pro version of the MDB framework so that we can have access to certain components. Unfortunately whenever I add those compoment (Datepicker, etc.) they are not being rendered in the browser. Only the free one are being rendered.


coreystinson2 pro commented 6 years ago

Please check your documentation on select element using the latest release of chrome for behaviour he is talking about. Refer to my open thread for more information: https://mdbootstrap.com/support/other/mdb-select-broken-windows-chrome-73-0-3683-75/


Here is the code. All other elements on this form are displaying except the angular "mdb-select".

I have reinstalled the pro package following the link you sent, but still having the same issue.

<!-- Form -->
<form class="text-center" style="color: #757575;">

  <!-- Name -->
  <div class="md-form mt-3">
    <input type="text" id="materialContactFormName" class="form-control" mdbInput>
    <label for="materialContactFormName">Name</label>
  </div>

  <!-- E-mail -->
  <div class="md-form">
    <input type="email" id="materialContactFormEmail" class="form-control" mdbInput>
    <label for="materialContactFormEmail">E-mail</label>
  </div>

  <!-- Subject -->
  <span>Subject</span>
  <div class="row">
    <div class="col-md-12 mx-auto">
      <mdb-select [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
    </div>
  </div>

  <!--Message-->
  <div class="md-form">
    <textarea type="text" id="materialContactFormMessage" class="form-control md-textarea" mdbInput></textarea>
    <label for="materialContactFormMessage">Message</label>
  </div>

  <!-- Copy -->
  <div class="row">
    <div class="col-md-6 mx-auto d-flex justify-content-center">
      <mdb-checkbox>Send me a copy of this message</mdb-checkbox>
    </div>
  </div>

  <!-- Send button -->
  <button mdbBtn color="info" outline="true" rounded="true" block="true" class="z-depth-0 my-4 waves-effect" mdbWavesEffect
    type="submit">Send</button>

</form>
<!-- Form -->


Damian Gemza staff answered 6 years ago

Dear Vantage Data,

I'm assuming, that you've got the optionsSelect variable with defined some items in it in Typescript component file. Am I right?

I have tested your code with Chrome 72, 73, 74, and there's no such problems (please check, if you're having the optionsSelect variable with items in it).

Please check the Material Select documentation (basic example switch to TS tab).

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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: Laptop
  • Browser: chorome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No