Deliver superior customer experiences with an AI-driven platform for creating and deploying cognitive chatbots
Deliver Awesome UI with the most complete toolboxes for .NET, Web and Mobile development
Automate UI, load and performance testing for web, desktop and mobile
A complete cloud platform for an app or your entire digital business
Detect and predict anomalies by automating machine learning to achieve higher asset uptime and maximized yield
Automate decision processes with a no-code business rules engine
Optimize data integration with high-performance connectivity
Connect to any cloud or on-premises data source using a standard interface
Build engaging multi-channel web and digital experiences with intuitive web content management
Personalize and optimize the customer experience across digital touchpoints
Build, protect and deploy apps across any platform and mobile device
Rapidly develop, manage and deploy business apps, delivered as SaaS in the cloud
The content you're reading is getting on in years
This post is on the older side and its content may be out of date.
Be sure to visit our blogs homepage for our latest news, updates and information.
Prior to Sitefinity 4, when I needed 3-columns on a page, I had several bad options available:
However, using Sitefinity 4’s layout editor I can quickly complete this task by dragging & dropping a 3-column layout onto my page.
No HTML knowledge is needed and anyone can make use of this feature.. However, this gets even better; these layouts are fully extensible and custom layouts bring a whole new opportunity for non-technical content authors to produce sophisticated results.
Consider the following page element:
To a seasoned HTML & CSS veteran, this isn’t overly complex. But non-technical content authors won’t understand how to reproduce this effect in Sitefinity. This is the type of custom styling that can be wrapped in a custom Sitefinity Layout:
This is extremely simple to utilize within Sitefinity. Content authors are fully empowered to create rich results, while still adhering to best practices.
The best part of this is how easy it is to create these layouts. For the scenario shown above I created a single ASP.NET User Control (ASCX file):
Then I added a single additional CSS class to the code sample shown on the documentation.
The CSS styling that creates this effect is attached to the “note” class. This styling was added to my Sitefinity Theme.
Lastly, I added this widget to Sitefinity Layout Toolbox:
The ControlType and CssClass (shown above) was copied & pasted from the existing 100% layout that already exists in Sitefinity. For more details, see our official documentation for this topic.
The core purpose of a CMS is to serve as an abstraction for the underlying technologies and to enable people who know nothing about web technologies, to create web content. Sitefinity Layouts represent another tool for empowering your content editors to do more.
View all posts from The Progress Guys on the Progress blog. Connect with us about all things application development and deployment, data integration and digital business.
Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.