UI Guidelines
We'd like to keep a consistent look and feel in custom Rock Blocks as much as possible. To that end, here are a few principles we'd like everyone to consider or follow:
Use appropriate Bootstrap CSS classnames whenever possible. This will make it easier for others to apply their own styles to your custom and will make your Blocks fit in nicely with existing and third party Rock Themes.
There is a very common view/edit pattern for many UI scenarios where you have a list of items that are clickable. Clicking on an item should take you to a page-block that can handle both view and edit for the item via two panels wrapped in a standard UpdatePanel.
Initially 'detail view' of the item would be shown such as:
Attachments/UI-Guidelines/common-view-edit-pattern-view.png
If the current person is authorized to edit (i.e., IsUserAuthorized("Edit")) then an edit button is shown. Pressing that button would cause the view panel to hide and the edit panel to appear (without causing a full postback) with the appropriate save and cancel buttons:
