Build rich, smart HTML5 and JavaScript apps for any platform, browser or device
Use Angular, TypeScript or JavaScript to build truly native mobile apps
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.
If you want to allow your editors to edit some already published content without having them go to Sitefinity backend and edit widget or content item you can use Sitefinity built in Browse and Edit functionality.
Here I will describe how to implement it in your custom widgets or modules.
To use this functionality you need to implement IBrowseAndEditable interface.
1. In your widget code file or your module code file that manages the correct frontend view(MasterView or DetailsView) implement IBrowseAndEditable
public
class
ProductDetailsView : ViewBase, IBrowseAndEditable
Add the interace implementation
//Adds browse and edit commands to be executed by the toolbar
void
AddCommands(IList<BrowseAndEditCommand> commands)
{
this
.commands.AddRange(commands);
}
// Represents the browse and edit toolbar for the control
BrowseAndEditToolbar BrowseAndEditToolbar
get
if
(
.browseAndEditToolbar ==
null
)
.browseAndEditToolbar =
.Container.GetControl<BrowseAndEditToolbar>(
"browseAndEditToolbar"
,
true
);
return
.browseAndEditToolbar;
BrowseAndEditToolbar IBrowseAndEditable.BrowseAndEditToolbar
.BrowseAndEditToolbar;
//Gets the information needed to configure this instance.
[PersistenceMode(PersistenceMode.InnerProperty)]
BrowseAndEditableInfo BrowseAndEditableInfo
;
set
private
BrowseAndEditToolbar browseAndEditToolbar;
List<BrowseAndEditCommand> commands =
new
List<BrowseAndEditCommand>();
In InitializeControls method add
(SystemManager.IsBrowseAndEditMode)
.SetDefaultBrowseAndEditCommands();
.BrowseAndEditToolbar.Commands.AddRange(
.commands);
var bem = BrowseAndEditManager.GetCurrent(
.Page);
(bem !=
bem.Add(
.BrowseAndEditToolbar);
The last step is to add BrowseAndEdit toolbar control to your template
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
<
sf:BrowseAndEditToolbar
ID
=
runat
"server"
Mode
"Edit"
></
>
When you activate browse and edit functionality on the frontend of your site you will see the edit button where your widget is placed and editing it will take you to the widget designer or module item edit view.
View all posts from The Progress Team 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.