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.
In version 3.2 we have released new designers for ContentView based controls (BlogPosts, NewsView, EventsView…). While to the end user it didn’t seem like much of a change, we have introduced quite an improvement, just haven’t had the time to explain it. In the next few posts I will be exploring some of the new things that we have implemented in regards to ContentView designers.
I’ve seen this question quite a few times in the support, so it seems as a perfect introduction to the ContentView designers. Namely, users can enter “Street”, “City”, “Country” and “State” data when creating a new event, but in the EventsView designers there is only “Event location” setting to turn off or on all of information. Take a look at the figure one to see what I mean.
Figure 1: on the left side we see fields in the control panel of the Events module, on the right side we see the settings of the EventsView control. As you can see not all fields can be directly controlled
Now, what we want to accomplish is to make the image on the right side of the Figure 1, to like the one on the Figure 2.
Figure 2: we can see that end user has an ability now to control settings for street, city, country and state controls, not just the Event location container
<sfDesign:PresentationModes ID="presentationModes" runat="server"> |
<Modes> |
<sfDesign:PresentationMode ID="listPageMode" runat="server" |
ModeTitle="List & page" |
ModeSettingsId="ModesSettings1" |
MasterTemplatePath="~/Sitefinity/ControlTemplates/Events/Modes/ListPageMaster.ascx" |
DetailTemplatePath="~/Sitefinity/ControlTemplates/Events/Modes/ListPageDetail.ascx" |
CssClass="pageListMode" |
SelectedCssClass="selectedOption pageListMode" |
> |
<Template> |
<asp:RadioButton ID="listPageRadio" runat="server" /> |
<p>A list of event titles, dates and summaries (optional). The full event info is opened in a separate page.</p> |
</Template> |
</sfDesign:PresentationMode> |
<sfDesign:PresentationMode ID="ExpandableList" runat="server" |
ModeTitle="Expandable list" |
ModeSettingsId="ModesSettings2" |
MasterTemplatePath="~/Sitefinity/ControlTemplates/Events/Modes/ExpandableListMaster.ascx" |
CssClass="expandableList" |
SelectedCssClass="selectedOption expandableList" |
> |
<Template> |
<asp:RadioButton ID="ExpandableListRadio" runat="server" /> |
<p>A list of event titles and dates. The full info is expanded in the same list when a title is clicked.</p> |
</Template> |
</sfDesign:PresentationMode> |
<sfDesign:PresentationMode ID="allInAListMode" runat="server" |
ModeTitle="Expanded list" |
ModeSettingsId="ModesSettings3" |
MasterTemplatePath="~/Sitefinity/ControlTemplates/Events/Modes/AllPostsListMaster.ascx" |
CssClass="allInListMode" |
SelectedCssClass="selectedOption allInListMode"> |
<Template> |
<asp:RadioButton ID="allPostsInAListRadio" runat="server" /> |
<p>All events with their titles and the full info are in a common page.</p> |
</Template> |
</sfDesign:PresentationMode> |
</Modes> |
</sfDesign:PresentationModes> |
Visually, in the EventsView designer, PresentationModes control looks like the image in the Figure 3:
Figure 3: EventsView control presentation modes
<sfDesign:PresentationModeSettings ID="ModesSettings1" runat="server"> |
<DetailHeaderTemplate> |
<div class="selectedModeShortDescription"> |
<h3>Selected mode</h3> |
<h4 class="selectedTitlePageList">List & page</h4> |
<p>A list of event titles, dates and summaries (optional). The full event info is opened in a separate page.</p> |
</div> |
<sfDesignSettings:PagingSetting id="pagingSetting" AllowListLimitSetting="true" DefaultListLimit="100" AllowPagingSetting="true" DefaultPageCount="20" LimitList="false" runat="server"></sfDesignSettings:PagingSetting> |
<h4>In the event page, display:</h4> |
<ul> |
</DetailHeaderTemplate> |
<DetailSettings> |
<sfDesignSettings:TextSetting ID="setting1" |
TargetID="fullContent1" |
SettingTitle="Title" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting1" |
TargetID="Event_Start" |
SettingTitle="Start date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting8" |
TargetID="Event_End" |
SettingTitle="End date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting10" |
TargetID="Publication_Date" |
SettingTitle="Publication date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting5" |
TargetID="content" |
SettingTitle="Event description" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting9" |
TargetID="plhWhere" |
SettingTitle="Event location" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting11" |
TargetID="plhWho" |
SettingTitle="Contact person details" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting12" |
TargetID="mapPanel" |
SettingTitle="Geographic map (to set details, use Advanced section above)" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting3" |
TargetID="plhTags" |
SettingTitle="Tags" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting4" |
TargetID="plhCategory" |
SettingTitle="Category" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting35" |
TargetID="Bookmarks" |
SettingTitle="Social bookmarks (del.icio.us, digg, reddit)" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
</DetailSettings> |
<DetailFooterTemplate> |
</ul> |
</DetailFooterTemplate> |
<MasterHeaderTemplate> |
<h4>For every event in the list page, display:</h4> |
<ul> |
</MasterHeaderTemplate> |
<MasterSettings> |
<sfDesignSettings:TextSetting ID="TextSetting6" |
TargetID="fullContent1" |
SettingTitle="Title, linking to the post page" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting2" |
TargetID="Event_Start" |
SettingTitle="Start date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting25" |
TargetID="Event_End" |
SettingTitle="End date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:ContentSetting id="ContentSetting1" |
TargetID="content"> |
</sfDesignSettings:ContentSetting> |
<sfDesignSettings:TextSetting ID="TextSetting7" |
TargetID="Location" |
SettingTitle="Event location" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting30" |
TargetID="fullContent2" |
SettingTitle="Link 'More information'" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
</MasterSettings> |
<MasterFooterTemplate> |
</ul> |
<sfDesignSettings:BehaviorSetting id="behaviorSetting" runat="server"></sfDesignSettings:BehaviorSetting> |
</MasterFooterTemplate> |
</sfDesign:PresentationModeSettings> |
<sfDesignSettings:TextSetting ID="TextSetting9" |
TargetID="plhWhere" |
SettingTitle="Event location" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<asp:PlaceHolder id="plhWhere" runat="server"> |
<address id="Location" runat="server" class="sf_eventLocation"> |
Street: <asp:Literal ID="Street" runat="server" Text="{0}"></asp:Literal><br /> |
City: <asp:Literal ID="City" runat="server" Text="{0}"></asp:Literal><br /> |
State: <asp:Literal ID="State" runat="server" Text="{0}"></asp:Literal><br /> |
Country: <asp:Literal ID="Country" runat="server" Text="{0}"></asp:Literal><br /> |
</address> |
</asp:PlaceHolder> |
<sfDesign:PresentationModeSettings ID="ModesSettings1" runat="server"> |
<DetailHeaderTemplate> |
<div class="selectedModeShortDescription"> |
<h3>Selected mode</h3> |
<h4 class="selectedTitlePageList">List & page</h4> |
<p>A list of event titles, dates and summaries (optional). The full event info is opened in a separate page.</p> |
</div> |
<sfDesignSettings:PagingSetting id="pagingSetting" AllowListLimitSetting="true" DefaultListLimit="100" AllowPagingSetting="true" DefaultPageCount="20" LimitList="false" runat="server"></sfDesignSettings:PagingSetting> |
<h4>In the event page, display:</h4> |
<ul> |
</DetailHeaderTemplate> |
<DetailSettings> |
<sfDesignSettings:TextSetting ID="setting1" |
TargetID="fullContent1" |
SettingTitle="Title" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting1" |
TargetID="Event_Start" |
SettingTitle="Start date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting8" |
TargetID="Event_End" |
SettingTitle="End date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting10" |
TargetID="Publication_Date" |
SettingTitle="Publication date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting5" |
TargetID="content" |
SettingTitle="Event description" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting9" |
TargetID="Street" |
SettingTitle="Street" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting36" |
TargetID="City" |
SettingTitle="City" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting37" |
TargetID="Country" |
SettingTitle="Country" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting38" |
TargetID="State" |
SettingTitle="State" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting11" |
TargetID="plhWho" |
SettingTitle="Contact person details" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting12" |
TargetID="mapPanel" |
SettingTitle="Geographic map (to set details, use Advanced section above)" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting3" |
TargetID="plhTags" |
SettingTitle="Tags" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting4" |
TargetID="plhCategory" |
SettingTitle="Category" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting35" |
TargetID="Bookmarks" |
SettingTitle="Social bookmarks (del.icio.us, digg, reddit)" |
AllowLabelSetting="True" |
AllowFormatSetting="False" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
</DetailSettings> |
<DetailFooterTemplate> |
</ul> |
</DetailFooterTemplate> |
<MasterHeaderTemplate> |
<h4>For every event in the list page, display:</h4> |
<ul> |
</MasterHeaderTemplate> |
<MasterSettings> |
<sfDesignSettings:TextSetting ID="TextSetting6" |
TargetID="fullContent1" |
SettingTitle="Title, linking to the post page" |
AllowLabelSetting="False" |
AllowFormatSetting="False" |
AllowVisibilitySetting="False" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting2" |
TargetID="Event_Start" |
SettingTitle="Start date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting25" |
TargetID="Event_End" |
SettingTitle="End date" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="DateTime" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:ContentSetting id="ContentSetting1" |
TargetID="content"> |
</sfDesignSettings:ContentSetting> |
<sfDesignSettings:TextSetting ID="TextSetting7" |
TargetID="Location" |
SettingTitle="Event location" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="True"> |
</sfDesignSettings:TextSetting> |
<sfDesignSettings:TextSetting ID="TextSetting30" |
TargetID="fullContent2" |
SettingTitle="Link 'More information'" |
AllowLabelSetting="True" |
AllowFormatSetting="True" |
FormatType="String" |
AllowVisibilitySetting="True" |
TargetVisibleByDefault="False"> |
</sfDesignSettings:TextSetting> |
</MasterSettings> |
<MasterFooterTemplate> |
</ul> |
<sfDesignSettings:BehaviorSetting id="behaviorSetting" runat="server"></sfDesignSettings:BehaviorSetting> |
</MasterFooterTemplate> |
</sfDesign:PresentationModeSettings> |
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.
Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.
Learn MoreSubscribe to get all the news, info and tutorials you need to build better business apps and sites
Progress collects the Personal Information set out in our Privacy Policy and the Supplemental Privacy notice for residents of California and other US States and uses it for the purposes stated in that policy.
You can also ask us not to share your Personal Information to third parties here: Do Not Sell or Share My Info
We see that you have already chosen to receive marketing materials from us. If you wish to change this at any time you may do so by clicking here.
Thank you for your continued interest in Progress. Based on either your previous activity on our websites or our ongoing relationship, we will keep you updated on our products, solutions, services, company news and events. If you decide that you want to be removed from our mailing lists at any time, you can change your contact preferences by clicking here.