Skip to main content
Chemistry LibreTexts

8.9: Adding Automatic Organizations

  • Page ID
    483735
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\dsum}{\displaystyle\sum\limits} \)

    \( \newcommand{\dint}{\displaystyle\int\limits} \)

    \( \newcommand{\dlim}{\displaystyle\lim\limits} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \(\newcommand{\longvect}{\overrightarrow}\)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    A common template used in the LibreTexts is the portfolio template that is used to make a dynamic, all-inclusive and easy to maintain table of contents of all daughter pages. For example, adding the text

     {{template.ShowOrg()}} 

    after you save the page will show the following portfolio template at the bottom of the page

    mindtouch.png
    Figure: \(\PageIndex{1}\) Portfolio template

    If you click on the + the portfolio menu will be displayed

    clipboard_e92e7dec18d6628ec52a7290d2b6c43bb.png
    Figure \(\PageIndex{2}\): Portfolio template chooser

    The only one that LibreTexts uses is Topic hierarchy. After that is chosen, the page with the template looks like

    clipboard_e25f9e12a7e0c2ca1ea7ce8d717dd988a.png
    Figure \(\PageIndex{3}\):

    The text comes from the summary in the Page Settings

    clipboard_e7f1e90fbddbee36fbf24b775dfb8c950.png
    Figure \(\PageIndex{4}\):

    Finally you should change the Guide listing display to Single to get a cleaner display

    clipboard_e22a47fa7e51fadf1dc84972cba042110.png
    Figure \(\PageIndex{5}\):

     

    Page Ordering

    The LibreTexts platform uses a semantic system for the URLs of pages based on the title of the page. Hence, URLs are not a string of nonsensical numbers and letters but tell users exactly the page's hierarchy in the greater Library's hierarchy. For example, chapter 2 of Prof. Robert Belford's General Chemistry text shown below has a title of "2: Atoms, Molecules, and Ions" and the full URL (not fully resolved) is: "https://chem.libretexts.org/Courses/University_of_Arkansas_Little_Rock/Chem_1402%3A_General_Chemistry_1_(Belford)/Text/2%3A_Atoms%2C_Molecules%2C_and_Ions".

    This is long, but the organization is clear.

    clipboard_e5c5f68ab99588b709732cf4b54f311bb.png
    Figure \(\PageIndex{6}\):

    One aspect of linking titles and URLs is that the order in which the pages are shown is based on the title. So simple numbering schemes that are used in the library (e.g., "2.2: Atomic Number and Atomic Mass Unit") that start with "number: title" require a bit of effort to be shown in the correct (numerical) order. This is because the title "2.12: Hydrates" comes before "2.1: Atoms: Their Composition and Structure".

    clipboard_e11b9d29bd84f59a50bd036ae30a8dd15.png
    Figure \(\PageIndex{7}\)

    For the presentation of the pages on the Chapter page, the order is based on the URL not the title, so the URL for this page must be changed (and preferably not the title). To fix this, each page with a title that includes the single digit prefix numbers (i.e., 0-9) must be edited slightly to "uncouple" the title from the URL. This is done via the pencil option used to edit the title of any page. For example, for the page "2.1: Atoms: Their Composition and Structure" page shown above, if a user (with editing privileges) clicks on that page and hovers the mouse over the title, a little pencil pops up next to the title that when clicked expands the title section like in Figure 3.

    Figure 3.png
    Figure \(\PageIndex{8}\)

    This expansion gives users control of the page title, but also the URL. Again, the default is that they are linked together, but can be uncoupled via the "link" button on the side of the grayed-out URL. This grays out the link and now the URL and title can be independently edited (Figure 4).

    Figure 4.png
    Figure \(\PageIndex{9}\)

    Back to the goal, which was to reorder the pages in proper numerical order. The prefix number for this page's URL is then converted to a two-digit number by adding a zero in front (Figure 5).

    Figure 5.png
    Figure \(\PageIndex{10}\)

    Click on update title and the uncoupling is complete. This change does not alter the title, but only the URL. But, the order is now adjusted in the presentation. If we go back to the chapter 2 view (Figure 6) we can see that Section 2.1 is now before Section 2.12 as desired.

    clipboard_e5966756f06eb739cfe375efdb07db5b6.png
    Figure \(\PageIndex{11}\)

    This process needs to be repeated for all pages with single-digit prefixes numbers. This procedure clearly only needs to be done for chapters with more than 9 sections. The LibreTexts development team is working on a more automated approach to address this and it may be simpler to do using the remixer.


    This page titled 8.9: Adding Automatic Organizations is shared under a CC BY 1.3 license and was authored, remixed, and/or curated by Delmar Larsen.