Applications


Images, that are not visible initially, don’t show with Customizr Pro theme

Recently we were investigating an issue on a live website at which some images were not loading. After some testing we saw that only pictures that were visible while loading the page were being loaded as well. Checking the console we found the following JS error:

Uncaught TypeError: a.browser is undefined    jQuery 2
jquery.fancybox-1.3.4.min.js:1:205
NOK => browserDetect::addBrowserClassToBody => TypeError: t.browser is undefined tc-scripts.min.js:1:81903

We did not want to waste time on debugging this so we disabled the Load images on scroll option to get the site live asap. To do so, first we clicked on the Customize button on the admin bar:

Once the menu loaded, we clicked on the Advanced Options button:

From there, we clicked on Website Performances :

And got the following options

As seen in the image below, we disabled (among other changes) the option Load images on scroll

After pressing the Publish button, we reloaded the site, the JavaScript error was still there but the images were loading as expected.


Latex / Beamer: Automatically split the content of a frame to multiple slides

Did you ever wrote too much content for a frame?

Did that content spill out of the slide?

Were you too bored to create a new slide and split the content between them?

If the answer is yes, which most probably is, you will love the allowframebreaks parameter for the \begin{frame} directive.

\begin{frame}[allowframebreaks]{Bibliography}
	%Include a working bibliography of key texts that inform your study and methodology.
	%Your appendices may include Experiment Diagrams, Permissions for Human Subject Testing, etc.
	%Both bibliographies and required appendices tend to be discipline specific: know what the requirements are.
	\bibliography{bibliography}{}
	\bibliographystyle{IEEEtran}
\end{frame}

The \begin{frame}[allowframebreaks]{Bibliography} directive creates a new frame name Bibliography, if the contents of the frame exceed the size of the slide, it will automatically create new ones to accommodate the requirements.

Note: Using the allowframebreaks parameter automatically appends to the title of the slide Latin numbering (e.g. the first slide will be Bibliography I).


Latex / Beamer: Table of contents that shows other subsections only for current section

The following snippet will create a table of contents which will show the titles of all sections but it will include the subsections that belong to the current section only. This way, we can copy paste this slide in different parts of the presentation and have a custom table of contents per section.

\section{Introduction}

\begin{frame}{Outline for \secname}
	\tableofcontents[currentsection, hideothersubsections, sectionstyle=show/show]
\end{frame}

Latex / Beamer: Variable to get current Section name

Recently, we were trying to write a table of contents for a specific section in a Latex / Beamer presentation. Being too lazy to update the frame title each time the section name might change we needed an automation to do that for us!

Luckily, the following variable does the trick: \secname gets the Section name. \subsecname gets the subsection name for those that might need it.

\begin{frame}
	\frametitle{Outline for \secname}
	\tableofcontents[currentsection, hideothersubsections, sectionstyle=show/show] 
\end{frame}