Im close to quit this umbraco journey 
Can you please help me with SMTP secrets.json? My page wont load anymore.
This is my secret.json code:
{
"Umbraco": {
"CMS": {
"Global": {
"Smtp": {
"Host": "127.0.0.1",
"Port": 25,
"Username": "",
"Password": "",
"rom": "[email protected]"
}
}
}
}
}
Microsoft.Extensions.Options.OptionsValidationException
HResult=0x80131500
Message=Configuration entry Umbraco:CMS:Global:Smtp contains one or more invalid values. A valid From email address is required.
Source=Microsoft.Extensions.Options
StackTrace:
at Microsoft.Extensions.Options.OptionsFactory`1.Create(String name)
at Microsoft.Extensions.Options.UnnamedOptionsManager`1.get_Value()
at Umbraco.Cms.Infrastructure.DependencyInjection.UmbracoBuilderExtensions.<>c.<AddMainDom>b__4_0(IServiceProvider factory)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSiteMain(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.VisitRootCache(ServiceCallSite callSite, RuntimeResolverContext context)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSite(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.VisitConstructor(ConstructorCallSite constructorCallSite, RuntimeResolverContext context)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSiteMain(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.VisitRootCache(ServiceCallSite callSite, RuntimeResolverContext context)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSite(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.VisitConstructor(ConstructorCallSite constructorCallSite, RuntimeResolverContext context)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSiteMain(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.VisitRootCache(ServiceCallSite callSite, RuntimeResolverContext context)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteVisitor`2.VisitCallSite(ServiceCallSite callSite, TArgument argument)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.CallSiteRuntimeResolver.Resolve(ServiceCallSite callSite, ServiceProviderEngineScope scope)
at Microsoft.Extensions.DependencyInjection.ServiceProvider.CreateServiceAccessor(ServiceIdentifier serviceIdentifier)
at System.Collections.Concurrent.ConcurrentDictionary`2.GetOrAdd(TKey key, Func`2 valueFactory)
at Microsoft.Extensions.DependencyInjection.ServiceProvider.GetService(ServiceIdentifier serviceIdentifier, ServiceProviderEngineScope serviceProviderEngineScope)
at Microsoft.Extensions.DependencyInjection.ServiceProvider.GetService(Type serviceType)
at Microsoft.Extensions.DependencyInjection.ServiceProviderServiceExtensions.GetRequiredService(IServiceProvider provider, Type serviceType)
at Microsoft.Extensions.DependencyInjection.ServiceProviderServiceExtensions.GetRequiredService[T](IServiceProvider provider)
at Umbraco.Extensions.WebApplicationExtensions.<BootUmbracoAsync>d__0.MoveNext()
at Program.<<Main>$>d__0.MoveNext() in C:\Users\post\Desktop\Yggdrasila Ny\Yggdrasila\Program.cs:line 20
Sorry to hear you are having a hard time, but the message in the error says
Configuration entry Umbraco:CMS:Global:Smtp contains one or more invalid values. A valid From email address is required
Take a look at your JSON you posted above and see if you can spot the typo mistake, your property for the from email address for SMTP is set as rom and not from
The fix is to fix the typo and it should be happier again
{
"Umbraco": {
"CMS": {
"Global": {
"Smtp": {
"Host": "127.0.0.1",
"Port": 25,
"Username": "",
"Password": "",
"From": "[email protected]"
}
}
}
}
}
Ah my mistake when i write here, its “correct” in folder. It fails on line 5 and 20 in this code.
using Slimsy.DependencyInjection;
using Yggdrasila.Configuration;
WebApplicationBuilder builder = WebApplication.CreateBuilder(args);
builder.CreateUmbracoBuilder()
.AddBackOffice()
.AddWebsite()
.AddSlimsy()
.AddDeliveryApi()
.AddComposers()
.Build();
builder.Services.Configure<YggdrasilaConfig>(
builder.Configuration.GetSection(YggdrasilaConfig.SectionName));
WebApplication app = builder.Build();
await app.BootUmbracoAsync();
app.UseUmbraco()
.WithMiddleware(u =>
{
u.UseBackOffice();
u.UseWebsite();
})
.WithEndpoints(u =>
{
u.UseInstallerEndpoints();
u.UseBackOfficeEndpoints();
u.UseWebsiteEndpoints();
});
await app.RunAsync();
Now it fails on line 4 and 28 Main.cshtml. I realy dont know whats going on, I write the codes the same as Paul Seal, and it crash. I try to write the code on more time, and rebuild. Then it fails on another place 
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
@await Html.PartialAsync("metaData")
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="/css/styles.css" rel="stylesheet" asp-append-version="true" />
</head>
<body id="page-top">
<!-- Navigation-->
@await Html.PartialAsync("mainNavigation")
@RenderBody()
<!-- Footer-->
@await Html.PartialAsync("footer")
<!-- Portfolio Modals-->
@await Html.PartialAsync("models")
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="/js/scripts.js" asp-append-version="true"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-q583ppKrCRc7N5O0n2nzUiJ+suUv7Et1JGels4bXOaMFQcamPk9HjdUknZuuFjBNs7tsMuadge5k9RzdmO+1GQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>```
Can we get the error as well to help diagnose the issue, as just a line number without the error or stack trace message from .NET its hard to know what is up.
I can run backoffice, but site html is not online as u see.
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
@await Html.PartialAsync("metaData")
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="/css/styles.css" rel="stylesheet" asp-append-version="true" />
</head>
<body id="page-top">
<!-- Navigation-->
@await Html.PartialAsync("mainNavigation")
@RenderBody()
<!-- Footer-->
@await Html.PartialAsync("footer")
<!-- Portfolio Modals-->
@await Html.PartialAsync("models")
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="/js/scripts.js" asp-append-version="true"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-q583ppKrCRc7N5O0n2nzUiJ+suUv7Et1JGels4bXOaMFQcamPk9HjdUknZuuFjBNs7tsMuadge5k9RzdmO+1GQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>
No errors in VS, but I have 3 messages:
IDE0290 Line 28 ContactSurfaceController
IDE0046 Line 18 PublishedContentExtensions
IDE0046 Line 28 PublishedContentExtensions
using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Options;
using Umbraco.Cms.Core.Cache;
using Umbraco.Cms.Core.Logging;
using Umbraco.Cms.Core.Mail;
using Umbraco.Cms.Core.Models.Email;
using Umbraco.Cms.Core.Routing;
using Umbraco.Cms.Core.Services;
using Umbraco.Cms.Core.Web;
using Umbraco.Cms.Infrastructure.Persistence;
using Umbraco.Cms.Web.Website.Controllers;
using Yggdrasila.Configuration;
using Yggdrasila.Models.ViewModels;
namespace Yggdrasila.Controllers.Surface;
public class ContactSurfaceController : SurfaceController
{
private readonly IEmailSender _emailSender;
private readonly ILogger<ContactSurfaceController> _logger;
private readonly YggdrasilaConfig _yggdrasilaConfig;
public ContactSurfaceController(
IUmbracoContextAccessor umbracoContextAccessor,
IUmbracoDatabaseFactory databaseFactory,
ServiceContext services,
AppCaches appCaches,
IProfilingLogger profilingLogger,
IPublishedUrlProvider publishedUrlProvider,
IEmailSender emailSender,
ILogger<ContactSurfaceController> logger,
IOptions<YggdrasilaConfig> yggdrasilaConfig) : base(umbracoContextAccessor, databaseFactory, services, appCaches, profilingLogger, publishedUrlProvider)
{
_emailSender = emailSender;
_logger = logger;
_yggdrasilaConfig = yggdrasilaConfig.Value;
}
public async Task<IActionResult> Submit(ContactViewModel model)
{
if (!ModelState.IsValid)
{
return CurrentUmbracoPage();
}
try
{
var subject = string.Format("Enquiry from: {0} - {1}", model.Name, model.Email);
EmailMessage message = new(_yggdrasilaConfig?.EmailSettings?.From,
_yggdrasilaConfig?.EmailSettings?.To, subject, model.Message, false);
await _emailSender.SendAsync(message, emailType: "Contact");
TempData["ContactSuccess"] = true;
}
catch (Exception ex)
{
_logger.LogError(ex, "Error submitting contact form");
TempData["ContactSuccess"] = false;
}
return RedirectToCurrentUmbracoPage();
}
}
namespace Yggdrasila.Extensions;
public static class PublishedContentExtensions
{
public static Home? GetHome(this IPublishedContent publishedContent)
{
return publishedContent.AncestorOrSelf<Home>();
}
public static SiteSettings? GetSiteSettings(this IPublishedContent publishedContent)
{
var home = GetHome(publishedContent);
return home?.FirstChild<SiteSettings>();
}
public static string GetMetaTitleOrName(this IPublishedContent publishedContent, string? metaTitle)
{
if (!string.IsNullOrWhiteSpace(metaTitle)) return metaTitle;
return publishedContent.Name;
}
public static string? GetSiteName(this IPublishedContent publishedContent)
{
var home = publishedContent.GetHome();
if (home == null) return null;
var siteSettings = home.GetSiteSettings();
if (siteSettings == null) return null;
return siteSettings?.SiteName ?? null;
}
}
Does this happen on every page of your ‘frontend’ umbraco site or only on specific pages/URLs you are trying to view?
The error above talks about some models that do not match up.
Cannot bind source type Umbraco.Cms.Web.Common.PublishedModel.ContentPage to model type Yggdrasila.Models.ViewModels.ContactViewModel
So the Main.chstml is the outer template for the page and will use another template in combination to build up the final HTML of the page.
Like now I only have Local project. But it happend on every page with url.
Home.cshtml
About.cshtml
@using Umbraco.Cms.Web.Common.PublishedModels;
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Home>
@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;
@{
Layout = "Main.cshtml";
}
@await Html.PartialAsync("header")
@await Html.PartialAsync("portfolio")
<!-- About Section-->
<section class="page-section bg-primary text-white mb-0" id="about">
<div class="container">
<!-- About Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white">About</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- About Section Content-->
<div class="row">
<div class="col-lg-4 ms-auto"><p class="lead">Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional SASS stylesheets for easy customization.</p></div>
<div class="col-lg-4 me-auto"><p class="lead">You can create your own custom avatar for the masthead, change the icon in the dividers, and add your email address to the contact form to make it fully functional!</p></div>
</div>
<!-- About Section Button-->
<div class="text-center mt-4">
<a class="btn btn-xl btn-outline-light" href="https://startbootstrap.com/theme/freelancer/">
<i class="fas fa-download me-2"></i>
Free Download!
</a>
</div>
</div>
</section>
<!-- Contact Section-->
<section class="page-section" id="contact">
<div class="container">
<!-- Contact Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">Contact Me</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Contact Section Form-->
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<!-- Name input-->
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
<label for="name">Full name</label>
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
</div>
<!-- Email address input-->
<div class="form-floating mb-3">
<input class="form-control" id="email" type="email" placeholder="[email protected]" data-sb-validations="required,email" />
<label for="email">Email address</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!-- Phone number input-->
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">Phone number</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
</div>
<!-- Message input-->
<div class="form-floating mb-3">
<textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
<label for="message">Message</label>
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<!-- Submit Button-->
<button class="btn btn-primary btn-xl disabled" id="submitButton" type="submit">Send</button>
</form>
</div>
</div>
</div>
</section>
<!-- About Section-->
<section class="page-section bg-primary text-white mb-0" id="about">
<div class="container">
<!-- About Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white">About</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- About Section Content-->
<div class="row">
<div class="col-lg-4 ms-auto"><p class="lead">Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional SASS stylesheets for easy customization.</p></div>
<div class="col-lg-4 me-auto"><p class="lead">You can create your own custom avatar for the masthead, change the icon in the dividers, and add your email address to the contact form to make it fully functional!</p></div>
</div>
<!-- About Section Button-->
<div class="text-center mt-4">
<a class="btn btn-xl btn-outline-light" href="https://startbootstrap.com/theme/freelancer/">
<i class="fas fa-download me-2"></i>
Free Download!
</a>
</div>
</div>
</section>
Can you do a find in Visual Studio across all files to see if you can find ContactViewModel
As the code you have shared so far has no mention of it and this is the thing that is causing the error at the moment.
using System.ComponentModel.DataAnnotations;
using Yggdrasila.Validation;
namespace Yggdrasila.Models.ViewModels;
public class ContactViewModel
{
[Display(Name = "Full name")]
[Required(ErrorMessage = "You must enter your name")]
public string? Name { get; set; }
[Display(Name = "Email address")]
[EmailAddress(ErrorMessage = "You must enter a valid email address")]
[Required(ErrorMessage = "You must enter your email address")]
public string? Email { get; set; }
[Display(Name = "Phone number")]
public string? Phone { get; set; }
[Display(Name = "Message")]
[Required(ErrorMessage = "You must enter your message")]
public string? Message { get; set; }
[Display(Name = "Yes, I give permission to store and process my data")]
[Required(ErrorMessage = "You must give consent to us storing your details before you can send us a message")]
[MustBeTrue(ErrorMessage = "You must give consent to us storing your details before you can send us a message")]
public bool Consent { get; set; }
}
Are you currently in Paul Seals YouTube series trying to implement a contact form?
Then I would refer back to his video or tutorial in case you have missed a step.
This file you have shared of ContactViewModel, would be used/consumed by other parts of the codebase and that is what I am interested in knowing.
With Visual Studio you can right click the word ContactViewModel in the code on the line that reads and use the option Find All References
public class ContactViewModel
Also as you seem to be following along with Pauls tutorial that you grab a copy of the finished repository and working codebase to see if that runs and works for you.
If so then you can play the game of spot the difference between your codebase and the finished final result.
I have the code from Episode 10 ContactViewModels, its the same on his site. I will try to watch ep.10 one more time
Have you compared the files from the repository and not his own website, in case again there are some subtle differences.
I have the same from Paul site. And I have tried to Watch his video several times, but it looks the same. I realy dont know whats going on.
Now im pretty tired of this fault. Can someone fix this on my computer? Ive tried everything, and nothing works. And I dont want to start on Episode.1 with new projekt.
Sorry to hear you are having a hard time with this.
I suggest you unzipping the source code that I have linked from Paul Seals GitHub repo and see if you can run that without any issues and see what differs from your code and his.
Download Paul Seals Umbraco 13 Series Codebase from GitHub
As the past errors that we have helped figure out, it seems to be a small typo most of the times. Such as a missing closing } in JSON files or a semicolon in C# files.
So I would thoroughly check and play spot the difference.
There are visual tools out there that can be used to compare two files side by side, which may help you spot what may or may not be missing.
