Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Labeling conventions

This documentation explains how to override the default settings so that you can customize Avalon for your own needs.

Application title

To set the default look for the :title yield block in the file app/views/layout/hydrant.html.erb

Avalon Media System

To add additional context add a content_for block in the current template. The free text will be prepended to the application's default label. For example one screen (views/media_objects/_basic_metadata.erb) may be tailored to read

Ingest workflow – Avalon Media System

Yield block for titles
<p><%= content_for :title do %>Search results for params[:q].sanitize<% end %></p>

Custom stylesheets

Since Avalon is built on top of Twitter Bootstrap, customizing the interface to match your own theme is very straightforward. Within the file app/assets/stylesheets/branding.css.sass you can override any default Bootstrap variables. Since it will respect your defaults they wil be used when calculating the color schemes, grid sizes, and other places throughout the front end.

----From Brendan--- 

Avalon uses Twitter Bootstrap (, Hydra (, Blacklight ( and custom Sass styles for its presentation. Stylesheets can be found in the app > assets > stylesheets directory.

Edit the branding.css.scss to customize the presentation or override default styles per your needs. Styles in branding.css.scc set variables that are used in other stylesheets and override default Bootstrap and Blacklight styles. All stylesheets are imported into application.scss, which prefers branding.css.scss over the others.


  • No labels