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
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/
Vantage Data answered 6 years ago
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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