Bad behavior: Datepicker and WYSIWYG Editor

Topic: Bad behavior: Datepicker and WYSIWYG Editor

davi priority asked 1 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 icons hovering works but the icon is missing datepicker works

Add comment

davi priority answered 9 months ago

0 0 Best answer

<p>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?</p>

<p>

IAdapta
    
    
    
    
    
    
    
    
    </p>

<pre class="prettyprint"><code>        <h3 class="text-primary">Novo Aluno</h3>
    <br />

Selecione uma data

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

<br />

<p>

</p>

<p></p>

Please insert min. 20 characters.

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 -->

Add comment

Kamila Pieńkowska staff answered 1 year ago

0 0 Best answer

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

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

davi priority commented 1 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..

Add comment

davi priority answered 1 year ago

0 0 Best answer

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

Add comment

Kamila Pieńkowska staff answered 1 year ago

0 0 Best answer

Do you have Font-awesome imported and what version?

Add comment

Write

Create snippet

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: Priority
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

davi

40Support score
9Questions 6Answers 3Snippets