An error occurred while processing the template.

The following has evaluated to null or missing:
==> themeDisplay.getLayout().getTypeSettingsProperties().getProperty("layout-template-id")  [in template "20098#20124#13660738" at line 1, column 31]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign layout_template_id = themeDis...  [in template "20098#20124#13660738" at line 1, column 1]
----

1<#assign layout_template_id = themeDisplay.getLayout().getTypeSettingsProperties().getProperty("layout-template-id")/>

2<#assign url_split = themeDisplay.getURLPortal()[themeDisplay.getURLPortal()?last_index_of(".")+1..]/>

3<#if entries?has_content>

4    <li class="nav-item selector-idiomas selector-idiomas-desktop">

5        <div class="dropdown">

6            <#if layout_template_id == "ibd-layout-mac-${url_split}">

7                <#if locale.getLanguage() == "es">

8                    <#assign selected = "Castellano">

9                <#elseif locale.getLanguage() == "en">

10                    <#assign selected = "English">

11                <#elseif locale.getLanguage() == "eu">

12                    <#assign selected = "Euskara">

13 				<#elseif locale.getLanguage() == "ca">

14                    <#assign selected = "Català">

15                </#if>

16            <#else>

17                <#if locale.getLanguage() == "es">

18                    <#assign selected = "ES">

19                <#elseif locale.getLanguage() == "en">

20                    <#assign selected = "EN">

21                <#elseif locale.getLanguage() == "eu">

22                    <#assign selected = "EU">

23  				<#elseif locale.getLanguage() == "ca">

24                    <#assign selected = "CA">

25                </#if>

26            </#if>

27            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuIdiomasDesktop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

28                <span class="texto-idioma sr-only" title="">${selected}</span>

29                <span class="texto-idioma-abbr">${selected}</span>

30                <img class="dropdown-toggle-arrow" alt="" src="/webclipb/gc/prod/adminwcm/img/comunes/menu/flecha-dropdown-negra.svg" />

31            </button>

33            <ul class="dropdown-menu" aria-labelledby="dropdownMenuIdiomasDesktop">

34                <#list entries as entry>

35                    <#if entry.getLanguageId() == "es_ES">

36                        <#assign label = "Castellano">

37                    <#elseif entry.getLanguageId() == "en_US">

38                        <#assign label = "English">

39                    <#elseif entry.getLanguageId() == "eu_ES">

40                        <#assign label = "Euskara">

41					<#elseif entry.getLanguageId() == "ca_ES">

42                        <#assign label = "Català">

43                    </#if>

45                    <#if entry.isSelected()>

46                        <li class="dropdown-item active">

47                    <#else>

48                        <li class="dropdown-item">

49                    </#if>

50                        <@liferay_aui["a"]

51            				cssClass="dropdown-item-link"

52            				href=entry.getURL()

53            				label="${label}"

54            				lang=entry.getW3cLanguageId()

55            				localizeLabel=false

56            			/>

57                    </li>

58                </#list>

59            </ul>

60        </div>

61    </li>

62</#if>

An error occurred while processing the template.

The following has evaluated to null or missing:
==> themeDisplay.getLayout().getTypeSettingsProperties().getProperty("layout-template-id")  [in template "20098#20124#15453429" at line 1, column 31]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign layout_template_id = themeDis...  [in template "20098#20124#15453429" at line 1, column 1]
----

1<#assign layout_template_id = themeDisplay.getLayout().getTypeSettingsProperties().getProperty("layout-template-id")/>

2<#assign url_split = themeDisplay.getURLPortal()[themeDisplay.getURLPortal()?last_index_of(".")+1..]/>

3<#if entries?has_content>

4    <li class="nav-item selector-idiomas selector-idiomas-desktop">

5        <div class="dropdown">

6            <#if layout_template_id == "ibd-layout-mac-${url_split}">

7                <#if locale.getLanguage() == "es">

8                    <#assign selected = "Castellano">

9                <#elseif locale.getLanguage() == "en">

10                    <#assign selected = "English">

11                <#elseif locale.getLanguage() == "eu">

12                    <#assign selected = "Euskara">

13 				<#elseif locale.getLanguage() == "ca">

14                    <#assign selected = "Català">

15                </#if>

16            <#else>

17                <#if locale.getLanguage() == "es">

18                    <#assign selected = "ES">

19                <#elseif locale.getLanguage() == "en">

20                    <#assign selected = "EN">

21                <#elseif locale.getLanguage() == "eu">

22                    <#assign selected = "EU">

23  				<#elseif locale.getLanguage() == "ca">

24                    <#assign selected = "CA">

25                </#if>

26            </#if>

27            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuIdiomasDesktop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

28                <span class="texto-idioma sr-only" title="">${selected}</span>

29                <span class="texto-idioma-abbr">${selected}</span>

30                <img class="dropdown-toggle-arrow" alt="" src="/webclipb/gc/prod/adminwcm/img/comunes/menu/flecha-dropdown-negra.svg" />

31            </button>

33            <ul class="dropdown-menu" aria-labelledby="dropdownMenuIdiomasDesktop">

34                <#list entries as entry>

35                    <#if entry.getLanguageId() == "es_ES">

36                        <#assign label = "Castellano">

37                    <#elseif entry.getLanguageId() == "en_US">

38                        <#assign label = "English">

39                    <#elseif entry.getLanguageId() == "eu_ES">

40                        <#assign label = "Euskara">

41					<#elseif entry.getLanguageId() == "ca_ES">

42                        <#assign label = "Català">

43                    </#if>

45                    <#if entry.isSelected()>

46                        <li class="dropdown-item active">

47                    <#else>

48                        <li class="dropdown-item">

49                    </#if>

50                        <@liferay_aui["a"]

51            				cssClass="dropdown-item-link"

52            				href=entry.getURL()

53            				label="${label}"

54            				lang=entry.getW3cLanguageId()

55            				localizeLabel=false

56            			/>

57                    </li>

58                </#list>

59            </ul>

60        </div>

61    </li>

62</#if>

Title/XL

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Title/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Title/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Title/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Title/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/Regular/XL

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/Regular/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/Regular/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/Regular/S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/Regular/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/SmBold/XL

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/SmBold/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/SmBold/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/SmBold/S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Body/SmBold/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Button/Main

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Button/Text L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Button/Underline Text L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Button/Text S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Button/Underline Text S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/Regular/XL

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/Regular/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/Regular/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/Regular/S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/Regular/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/SmBold/XL

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/SmBold/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/SmBold/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/SmBold/S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Link/SmBold/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Others/Tag/L

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Others/Tag/M

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Others/Tag/S

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Others/Tag/XS

Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed. Lorem ipsum dolor sit amet consectetur. Non lacus in blandit ut eget. Ut viverra feugiat sed id eu sed.

Others/Superscript/Regular/XL

Lorem ipsum dolor¹

Others/Superscript/Regular/L

Lorem ipsum dolor¹

Others/Superscript/Regular/M

Lorem ipsum dolor¹.

Others/Superscript/Regular/S

Lorem ipsum dolor¹

Others/Superscript/Regular/XS

Lorem ipsum dolor¹

Others/Superscript/Regular/XL

Lorem ipsum dolor¹

Others/Superscript/Regular/L

Lorem ipsum dolor¹

Others/Superscript/Regular/M

Lorem ipsum dolor¹.

Others/Superscript/Regular/S

Lorem ipsum dolor¹

Others/Superscript/Regular/XS

Lorem ipsum dolor¹

Página de Prueba Foundations

Colores

Sombras

Botones

Tipografías

Ejemplo Título xl

Ejemplo Título l

Ejemplo Título m

Ejemplo Título s

Ejemplo Título xs

Ejemplo Texto Body regular xl

Ejemplo Texto Body regular l

Ejemplo Texto Body regular m

Ejemplo Texto Body regular s

Ejemplo Texto Body regular xl

Ejemplo Texto Semibold xl

Ejemplo Texto Semibold l

Ejemplo Texto Semibold m

Ejemplo Texto Semibold s

Ejemplo Texto Semibold xs

Enlaces

Ejemplo enlace regular xl
Ejemplo enlace regular l
Ejemplo enlace regular m
Ejemplo enlace regular s
Ejemplo enlace regular xs
Ejemplo enlace Semibold xl
Ejemplo enlace Semibold l
Ejemplo enlace Semibold m
Ejemplo enlace Semibold s
Ejemplo enlace Semibold xs

Others

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Bordes

General

Inverse

Inverse 2

Active

Active Inverse

Disabled

Bordes width

Bordes radius

Ejemplo de uso nuevo Grid

Responsive Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Button text