umbraco / umbraco.blockgrid.example.website Goto Github PK
View Code? Open in Web Editor NEWAn example of Umbraco Block Grid
An example of Umbraco Block Grid
Looking to migrate a legacy grid with settings on row and cells..
rows translate to layouts, and cells to areas.. but seem to be missing a settings model binding on areas?
What's the approach here then, raise the area settings into the layout settings? Or have to add a settings container block to apply a background color class to what should be the area ( around multiple blocks in the area)
Achieving the following with an editor choice on the area container.. not having to set on each individual block.
No response
Hi everyone!
I am using this source example and creating more Block Grid Content Template (available in source).
Right at the BlockGrid.cshtml file, I added my line of code as follows:
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.BlockGrid>
@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;
@{
Layout = "Layout.cshtml";
}
@await Html.GetBlockGridHtmlAsync(Model.Content)
@{
var children = Model.Children;
if (children.Any())
{
foreach (var item in children)
{
<div style="padding-top:1000px">
@await Html.GetBlockGridHtmlAsync((item as ContentModels.BlockGrid).Content);
</div>
}
}
}
Then I immediately created 5 templates with another content in page Home:
Then return to my homepage to see the results, duplicate previous data is hard to understand?
Video Demo: https://drive.google.com/file/d/1tSUKe74nQVZNjgRZbXjVp5r_EfJcVUpu/view?usp=sharing
Source code: https://drive.google.com/file/d/1gS6DL6il58eYRM8-pUwLdE133KmEzKg0/view?usp=sharing
It seems that this problem is similar to BlockList: umbraco/Umbraco-CMS#13413
Thanks!
Firefox, Chrome, Microsoft Edge
I wanted to look at what was involved in creating BlockGrid Custom-Views, and had been putting this off until v13-LTS
I just created a v13 test site on Umbraco-Cloud, cloned it to local, and installed the BlockGrid.Example starter kit.
Basically, all of the custom views presenting rich-text are displaying [object Object] instead of rendering their content as expected.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.