Installing Umbraco is pretty simple but it’s always good to have a reference as general it isn’t something you do too often. This tutorial aimsÂ to step you through how to install Umbraco on your local computer so if there is anything I have missed please comment below.What you need A Windows PC (mine is running Windows 10) Microsoft Visual Studio (I use the Community Edition because it’s free, you can find it hereÂ https://www.visualstudio.com/en-us/products/visual-studio-community-vs.aspx) Microsoft SQL Server with Tools (I use the 2014 version which can be found hereÂ https://www.microsoft.com/en-au/download/details.aspx?id=42299) Microsoft .NET 4.5 [...]
I’ve never had to useÂ conditional logic in Umbraco forms before but as soon as I did, it didn’t work as it looks like there is a Umbraco 7 forms logic bug. It appeared that I’ve setup everything in the backend correctly but I was getting an error saying:
“jquery Unexpected end of input”
Sounds simple enough but took me a little bit of time to find.
In \Views\Partials\Forms\Scripts.cshtml on line 11 these is this line of code:
<input type=”hidden” id=”values_@Model.FormClientId” value=”@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.Pages.SelectMany(p => p.Fieldsets).SelectMany(fs [...]
We do a lot of work with companies that need repeatable fields in their website for things like ingredients,Â instructions and just lists. Umbraco doesn’t have a nice way to do this out of the box but it can be done easily with a custom text repeater data type. We leverage theÂ TableEditorÂ from Imulus hereÂ https://github.com/imulus/TableEditor and the restrict things to be a one line repeater.
Firstly clone the TableEditor repo and add it to your Solution. Be sure to set the output of the TableEditor project so the dll ends up in your bin directory of your website. To do this right click on your new TableEditor Project and then click Properties. Then set the output path to [...]
This tutorial will show you how to implement an Umbraco content picker in your grid layout. We use this a lot so we can easily re-use modules throughout a website while still utilizing the grid layout editor.
I’ll give you a brief run down on how this works and hangs in together with the grid layout editor first then we’ll get into the specifics. If you just want to get stuff done the skip the next paragraph but I promise it’s brief and to the point.
So the idea is to create a new Grid Editor array item in config/grid.editors.config.jsÂ which points to a Render (basically a view for your new grid editor item on the front end) and also points to a View [...]