Form not showing on dashboard and not working

i was tried to deploy angular website just for demo and i have contact form but it not show in dashboard
https://jigudabhi.netlify.app/home

this is form same as netlify form still not working

dummy-comp works!

Your Name:

Your Email:

Your Role:

Message:

<p>
  <button type="submit">Send</button>
</p>

@jigu.dabhi22, sorry your form is not showing up in the dashboard.

I’m not sure if your issue is related to Angular or not. Check out this post for troubleshooting forms not showing up in Netlify Dashboard first and let us know if anything here helps solve it: [Support Guide] Form not showing in Netlify site dashboard

Thanks.

Hey @jigu.dabhi22

The form on the site is rendered in JavaScript and thus is not detected by Netlify at build time. There are steps to work around this in the Work with JavaScript-rendered forms documentation.

i have already tried this but not work for me

Hey there, @jigu.dabhi22 :wave:

I have looked into your form, and it looks like the form is not visible unless it is parsed using Javascript (like @coelmay has said). Here is what I see in my devtools when I look at your form:

<body>
  <app-root></app-root>
<script src="runtime.66c361f721c643ce.js" type="module"></script><script src="polyfills.0c53441a6c6af6f6.js" type="module"></script><script src="scripts.abbb37f329463b12.js" defer></script><script src="main.f64a58c8b70394f8.js" type="module"></script>

</body></html>

Your form needs to exist within your body tag. Adding it dynamically using Javascript will not work, as the buildbots won’t try to parse javascript.

Please create a form.html in your repo and copy/paste your form into that. This will have the form inside of html content and therefore our builbots will parse it.

Additionally, I suggest reading more about our forms in the documentation Coel linked above :slight_smile:

1 Like

i try this solution still not working

Hey @jigu.dabhi22

Can you share the repository you are deploying from?

Hi, @jigu.dabhi22. If you tried the solution, there should be a pure HTML form somewhere on the site. If there is one, I cannot find it.

Would you please send us the URL where we can see this HTML form?

https://sleepingzero.netlify.app/

Hey @jigu.dabhi22

As previously requested, can you share the repository you are deploying from?

Hi, @jigu.dabhi22. I checked the URL provided and it returns this HTML:

<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <title>SleepingzeroUi</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

<style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Open Sans,sans-serif;color:#444}body{color:#000000d9}html{-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;font-size:14px;font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum","tnum"}</style><link rel="stylesheet" href="styles.55a09eb2ed063b0e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.55a09eb2ed063b0e.css"></noscript></head>

<body>
  <app-root></app-root>
<script src="runtime.66c361f721c643ce.js" type="module"></script><script src="polyfills.eee98c8ae4506291.js" type="module"></script><script src="scripts.0df8b9ef4577cef1.js" defer></script><script src="main.0ff90bd7d5f52b89.js" type="module"></script>

</body></html>

As you can see there is no <form> tag present in that HTML. As a pure HTML form is a requirement for the forms feature to function correctly, that is the root cause here.

You will need to add a pure HTML form to the site somewhere to resolve this. If there are other questions or concerns, please let us know.