Developing with ENgrid

Visualizations, Naming Conventions, and Real-World Examples

Visualization

Alt text

Visualization with labeled grid sections

Alt text


Naming Patterns

  • Page Column pc or page- - The full width of the page.
  • Content Column cc or content- - The maximum width in which content is displayed, excluding edge to edge content (e.g Background Image).
  • Body Column bc or body- - Sits inside the content column, but can be positioned horizontally anywhere.

Example Pages

Demo ItemExample Form
Signup pagehttps://act.ran.org/page/14325/subscribe/1
Donate pagehttps://act.ran.org/page/14297/donate/1
Donate w/ in-honorhttps://act.ran.org/page/14297/donate/1?transaction.inmem=Y
Email to Target Pagehttps://act.ran.org/page/14327/action/1
Tweet to Target Pageshttps://act.ran.org/page/14328/tweet/1
Event Pageshttps://act.ran.org/page/14333/event/1
Supporter Hub (Not tested)https://act.ran.org/page/14331/hub/1
Unsubscribe Pageshttps://act.ran.org/page/14329/subscriptions/1
Data Capture Pageshttps://act.ran.org/page/14330/data/1
One-Click Donate(unable to be linked to)
Peer to Peer Pages(Not supported)
eCard pagehttps://act.ran.org/page/14322/action/1
Static pagehttps://act.ran.org/page/14332/action/1
Previous
Developing with ENgrid