Topic: Bootstrap contact not send email in synology nas

Reinaldo Altamura free asked 3 years ago


Expected behavior

Actual behavior

*Resources (screenshots, code snippets etc.)*Dear mdbootstrap,I tried your contact bootstrap on altervista host, it work fine and send email.Same web page is loaded in my Synology nas and here I have two problem:1) the menu items of the website are a bit misaligned in the page where is present the contacts bootstrap code.2) the contacts bootstrap does not send emails and under the send button it displays: (object) (object)

You can try it in follow link:http://cinescopio2.synology.me/contatti.php

You can reply me in my email too, reinaldo.altamura@gmail.comThank you to your support in advance.


Grzegorz Bujański staff commented 3 years ago

Hi.

  1. I see you set the width to: width: 60px; for li a, so it shows up like this.
  2. This is not part of our component, is it? It looks like a response from your API. It looks like you are trying to display an object on the page.

Reinaldo Altamura free commented 3 years ago

Hello, for API i installed Node-js-v12, rest of my comment will be below.


Reinaldo Altamura free answered 3 years ago


Hello Grzegorz Bujański,
Thank you to your reply.
1) i changed , in menu library at class li a width: auto; unfortunatelly problem not change !!
it seems as if the layout of the contacts bootstrap is bothering the menu!!
2) my contatti page code il follow:my full code
it work fine in altervista site but not in my synology nas; this code was copied from your code wrote in your web site page: your bootstrap contact

you telled me :
"It looks like a response from your API. It appears that you are trying to display an object on >the page."
i reply you: after pressing the "send" button, the object to be displayed must be "Email successfully >sent!", as written in the code contained in the "mail.php" file
instead he does not write me that message and the email is not sent!

Look two files:
mail.php
contatti.php

If the problem will be my api in my synology nas, are you able to explain me how sove problem exactly?
Thank you so much.
Reinaldo Altamura


Grzegorz Bujański staff commented 3 years ago

  1. I just entered your website and I can see that after changing nav it looks better. Anything else wrong besides the width? Did I miss something?
  2. Sorry, I can't download your code (no permissions). In browser dev tools I see that only "Error!" in response. It looks like the mail function is not executing correctly. Check that all variables read correctly and the mail function executes.

Reinaldo Altamura free commented 3 years ago

I changed the authorization of the linked files, now they can all see them.
2) your code runs in the Altervista host but not in my nas (so the code is right !!);
in my opinion it is a configuration problem of nodeJS-v12 (I installed node-js to run the json code in the mail.php file) exactly the port number of Node-js must match the listening port number of the web server ( nginx or apache currently works with port 80).
Example node-js -> 8080 and nginx -> 8080; the problem is that these nas synology applications don't have many options and you have to edit their config files using the ssh terminal !!!
I don't know where exactly are the folders that contain the configuration files of these three applications inside my NAS !!!
I therefore believe that we need to change the listening port of both applications (node-js and nginx or apache). What do you think about it ?
are you able to help me do this?
Thank you.
Reinaldo.


Grzegorz Bujański staff commented 3 years ago

It is possible that this causes an error. Try changing the port as described in this thread: https://stackoverflow.com/a/19250704


Reinaldo Altamura free commented 3 years ago

Thank you to your suggestions (link to stackoverflow) unfortunately i have obstacle to configurate webservers because synology linux distributions is a little bit different to other know linux distribution ! I created a case in stackoverflow today !! What about your bootstrap contact form how I could change suggestions text color ex. "insert name,email, subject,message......." and the text color that I'm typing? Thank you.


Grzegorz Bujański staff commented 3 years ago

To change the color of the typed text, set the input to something like color: red. These suggestions are the label. Each input has a label. You have to do the same as with input. Set e.g. color: red for the label.


Reinaldo Altamura free commented 3 years ago

Hello Grzegorz,Bootstrap contact not have only one color for labels and txt it change together to background page color, now my contact page is light blue and the color label is grey .The bootstrap.css and mdb.css files give to bootstrap contact the behavior, therefore also what color the label should have based on the color of the page.

Can you tell me exactly how to best match the colors of the labels, the text and the background of the page? If it will not possible (because behavior css have only default setting ) don't worry !! Thank you. Ps: The main goal for me now is solve unexecute json page to send mail, but I not able to matching ngimx listening port to with nodeJs node listening port. I need a systems technician unfortunately I not know anyone ! For a future if not change my situation I shall change the bootstrap contact code and choose one more simply !!



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.17.0
  • Device: Ds115j synology
  • Browser: Chrome
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes
Tags