Skip to main content

Tips

Asset Tips

Asset code needs to be processed HTML (see code below), i.e., grab the code from www or wwwpreview via the inspector (not from within OU’s editor). Strange glitches can happen, or the asset may not process if you use the pre-processed table snippet structure.

Correct code for an asset (processed HTML):

<h3>Related Programs and Courses</h3>
<div class="cards-section columns columns-background columns-2 section-padding-all cards-condensed-mid">

                           <div class="cards">

                              <div class=" card">

                                 <div class="card__wrapper">

                                    <h6>General Studies Degree</h6>

                                    <p>Students who major in <a href="/academics/programs/general-studies/index.html">general studies</a> explore personal, professional, and academic areas of interest within a flexible

                                       framework supporting transfer.

                                    </p>
</div>

                              </div>

                              <div class=" card">

                                 <div class="card__wrapper">

                                    <h6>Noncredit</h6>

                                    <p><a href="/workforce-development-continuing-education/index.html">Learn more about Workforce Development and Continuing Education (WD&amp;CE) courses.</a></p>

                                 </div>

                              </div>

                           </div>

                        </div>

 

Code that shouldn't be used for assets (pre-processed snippet code). Note the snippet table structure:

<h3>Related Programs and Courses</h3>

<table class="ou-snippets 2-column-w-options"><caption>2 Column Layout</caption>

<tbody>

<tr class="ou-background">

<td class="instructions">Background Fill (yes/no):</td>

<td class="ou-value">yes</td>

</tr>

<tr class="ou-padding">

<td class="instructions">Padding Level (min/std/max):</td>

<td class="ou-value">std</td>

</tr>

<tr class="ou-columns">

<td class="ou-col-1">

<h6>General Studies Degree</h6>

<p>Students who major in <a href="https://www.montgomerycollege.edu/academics/programs/general-studies/index.html">general studies</a> explore personal, professional, and academic areas of interest within a flexible framework supporting transfer.</p>

</td>

<td class="ou-col-2">

<h6>Noncredit</h6>

<p><a href="https://www.montgomerycollege.edu/workforce-development-continuing-education/index.html">Learn more about Workforce Development and Continuing Education (WD&amp;CE) courses.</a></p>

</td>

</tr>

</tbody>

</table>

 

Other Tips?