Skip to content
nairdo edited this page Nov 2, 2012 · 23 revisions

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:

The Common View/Edit Pattern

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:

Attachments/UI-Guidelines/common-view-edit-pattern-edit.png

Clone this wiki locally