<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size: 12pt; color: rgb(0, 0, 0); font-family: Calibri, Helvetica, sans-serif, Helvetica, EmojiFont, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;" dir="ltr">
<div id="divtagdefaultwrapper" style="font-size: 12pt; color: rgb(0, 0, 0); font-family: Calibri, Helvetica, sans-serif, Helvetica, EmojiFont, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;" dir="ltr">
<p><br>
</p>
<p>I believe you are running into Rails defaults before the ASpace plugins come into play. </p>
<p><br>
</p>
<p>As I test, I added the line 'layout "custom"' to frontend/app/controllers/application_controller.rb. </p>
<p>It will then use layouts/custom.html.erb, and that layout appears to work if that file is in either frontend/app/views/layouts/ or plugins/local/frontend/views/layouts/ . </p>
<p><br>
</p>
<p>However, If I try moving the edited copy of application_controller.rb to the plugins/local/frontend/controllers/ directory, it no longer works as the default application controller is what the base class for all other controllers. Perhaps making the plugins
extensible on this level would require adding a conditional check for plugin layouts in base application_controller . </p>
<p><br>
</p>
<p><br>
</p>
<p>Instead of deep mods, another possible way is patching it after the fact with javascript.</p>
<p>You could try adding something like the following to plugins/local/frontend/views/layout_head.html.erb: </p>
<p> </p>
<p></p>
<pre style="font-family: Menlo; font-size: 9pt;"><span style="background-color:#efefef;"><</span><span style="color:#000080;background-color:#efefef;font-weight:bold;">script </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;">type=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;">"text/javascript"</span><span style="background-color:#efefef;">></span><br> <span style="font-style:italic;">$</span>( <span style="color:#000080;font-weight:bold;">function</span>() {<br> <span style="font-style:italic;">$</span>(<span style="color:#008000;font-weight:bold;">'.</span><span style="color:#000080;font-weight:bold;">container-fluid</span><span style="color:#008000;font-weight:bold;">'</span>).<span style="color:#7a7a43;">removeClass</span>(<span style="color:#008000;font-weight:bold;">'container-fluid'</span>).<span style="color:#7a7a43;">addClass</span>(<span style="color:#008000;font-weight:bold;">'container'</span>);<br> });<br><span style="background-color:#efefef;"></</span><span style="color:#000080;background-color:#efefef;font-weight:bold;">script</span><span style="background-color:#efefef;">></span></pre>
<p><br>
</p>
<p><br>
</p>
<div id="Signature">
<div class="BodyFragment"><font size="2">
<div class="PlainText"><br>
-- Steve Majewski / UVA Alderman Library </div>
</font></div>
</div>
</div>
<hr style="display:inline-block;width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>From:</b> archivesspace_users_group-bounces@lyralists.lyrasis.org <archivesspace_users_group-bounces@lyralists.lyrasis.org> on behalf of Chelsea Lobdell
<clobdel1@swarthmore.edu><br>
<b>Sent:</b> Thursday, September 21, 2017 1:04:40 PM<br>
<b>To:</b> Archivesspace Users Group<br>
<b>Subject:</b> [Archivesspace_Users_Group] Advice on Custom Theming</font>
<div> </div>
</div>
<div>
<div dir="ltr">
<div>
<div>
<div>
<div>Hi Archivesspace, <br>
<br>
</div>
I'm looking for some advice on how to get started with custom theming. I've been reviewing this custom theming documentation:
<br>
<a href="https://github.com/archivesspace/archivesspace/blob/master/CUSTOMIZING_THEMING.md" id="LPlnk18443" previewremoved="true">https://github.com/archivesspace/archivesspace/blob/master/CUSTOMIZING_THEMING.md</a>
<div id="LPBorder_GT_15060259079970.07923959226938437" style="margin-bottom: 20px; overflow: auto; width: 100%; text-indent: 0px;">
<table id="LPContainer_15060259079950.894666881208794" role="presentation" cellspacing="0" style="width: 90%; background-color: rgb(255, 255, 255); position: relative; overflow: auto; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; border-top-width: 1px; border-top-style: dotted; border-top-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(200, 200, 200);">
<tbody>
<tr valign="top" style="border-spacing: 0px;">
<td id="ImageCell_15060259079950.30462936282573916" colspan="1" style="width: 250px; position: relative; display: table-cell; padding-right: 20px;">
<div id="LPImageContainer_15060259079950.0050214149817108256" style="background-color: rgb(255, 255, 255); height: 45px; position: relative; margin: auto; display: table; width: 45px;">
<a id="LPImageAnchor_15060259079950.8592105044172974" href="https://github.com/archivesspace/archivesspace/blob/master/CUSTOMIZING_THEMING.md" target="_blank" style="display: table-cell; text-align: center;"><img id="LPThumbnailImageID_15060259079950.5199051420219991" width="45" height="45" style="display: inline-block; max-width: 250px; max-height: 250px; height: 45px; width: 45px; border-width: 0px; vertical-align: bottom;" src="https://avatars0.githubusercontent.com/u/1311559?v=4&s=400"></a></div>
</td>
<td id="TextCell_15060259079960.6387819964649532" colspan="2" style="vertical-align: top; position: relative; padding: 0px; display: table-cell;">
<div id="LPRemovePreviewContainer_15060259079960.5565314584868805"></div>
<div id="LPTitle_15060259079960.15416053100160565" style="top: 0px; color: rgb(0, 47, 108); font-weight: normal; font-size: 21px; font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; line-height: 21px;">
<a id="LPUrlAnchor_15060259079970.353716029469084" href="https://github.com/archivesspace/archivesspace/blob/master/CUSTOMIZING_THEMING.md" target="_blank" style="text-decoration: none;">archivesspace/CUSTOMIZING_THEMING.md at master ...</a></div>
<div id="LPMetadata_15060259079970.9049561653475886" style="margin: 10px 0px 16px; color: rgb(102, 102, 102); font-weight: normal; font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; font-size: 14px; line-height: 14px;">
github.com</div>
<div id="LPDescription_15060259079970.9624567905179394" style="display: block; color: rgb(102, 102, 102); font-weight: normal; font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; font-size: 14px; line-height: 20px; max-height: 100px; overflow: hidden;">
Customizing and Theming ArchivesSpace I just want to change some of the labels and messages! All the messages and labels are stored in locales files, which is part of ...</div>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<br>
<br>
</div>
The initial change I'm trying to make is really simple. In layouts/application.html.erb I just need to change the header, navigation and maincontent from container-fluid to container to match the style of the other applications in our application suite.
<br>
<br>
</div>
My first attempt was to add archivesspace/plugins/local/frontend/views/layouts/application.html.erb and to make the appropriate changes. However, after a restart I am not seeing my changes. Can anyone advise me on how to get this working?
<br>
</div>
<div><br>
</div>
<div>I also recognize that application.html.erb is a pretty important file to be customizing. If anybody has advice on how best to approach this, I would appreciate it.</div>
<div><br>
</div>
<div>- Chelsea<br>
</div>
<div>
<div>
<div>
<div>
<div>
<div>
<div class="gmail_signature">
<div dir="ltr">
<div><span style="color:rgb(128,128,128)"><i><span style="font-size:small">---------------</span></i></span><br>
<span style="color:rgb(128,128,128)"><i><span style="font-size:small">Chelsea Lobdell</span></i></span><br>
<span style="color:rgb(128,128,128)"><i><span style="font-size:small">Library Web Developer/ Swarthmore College</span></i></span><br>
<span style="color:rgb(128,128,128)"><i><span style="font-size:small"><a href="mailto:clobdel1@swarthmore.edu" target="_blank">clobdel1@swarthmore.edu</a> / (610)690-6818</span></i></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>