Bad behavior: Datepicker and WYSIWYG Editor


Topic: Bad behavior: Datepicker and WYSIWYG Editor

davi pro premium priority asked a year ago

Good morning. Expected components "datepicker" and "wysiwyg editor" to work properly, but some of their icons are missing. The components work, but we have to guess where to click. Running 100% great under Xampp at home (Windows 10)... the problem arises with the AWS Linux 2 server, even though I'm using the same MDB files, directory structure and calls. Hope you have a clue on how to solve that.wysiwyg editor with missing iconshovering works but the icon is missingdatepicker works


Kamila Pieńkowska staff answered a year ago

Do you have Font-awesome imported and what version?


davi pro premium priority answered a year ago

Using the default instruction that comes in the index.html file (MDB5-STANDARD-UI-KIT-Pro-Advanced-6.4.2.zip): href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css


Kamila Pieńkowska staff answered a year ago

It looks like an import problem. Can you answer these questions to help me troubleshoot:

  1. Does wysiwyg display for you properly in our documentation?
  2. Were you able to replicate this behavior in our sandbox?
  3. Do you use any framework or bundler?
  4. If you paste some icon into your project does it work/show?

davi pro premium priority commented a year ago

Kamila, I see that the index.html file that comes with the package is working properly. Maybe the PHP files that do the same calls have some UTF-8 garbage. I'll try to find the problem. Sorry my mistake..


davi pro premium priority answered 9 months ago

Kamila, I was unable to find the problem by myself. The file below that I'm using shows that the icon in datepicker is missing. The same effect for WYSIWYG editor. There are no Console errors and it works in the snippet environment... Could you please give me a clue?

IAdapta

<link rel="stylesheet" href="style_new.css">

<div class="container">
  <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
    <div class="text-center">
        <h3 class="text-primary">Novo Aluno</h3>
    <br />

    <form>
Selecione uma data


<br /><br />
                        <button type="submit" class="btn btn-primary">Salvar</button>
                        <a href="alunos.php" class="btn btn-primary">Cancelar</a>
                    </form>


                    <br />

                    <br /><br />
    </div> <!-- app-footer-lower -->
</div> <!-- app-content -->


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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.2
  • Device: Desktop, Smartphone
  • Browser: Chrome and Edge
  • OS: AWS Linux 2 (server)
  • Provided sample code: No
  • Provided link: No
Tags