Choice in Custom Module not recognizing selected vale, defaults to final else statement

Developer Support CMS Development
1 
{% choice "brand" label="Select a brand", value='MPG', choices='MPG, MPGS, MP, RM, EXP', export_to_template_context="True" %}

{% if widget.brand == "MPG" %} 

 <!-- logo -->
 <nav id="nav">
 <a href="{{ widget.mpg_link }}" target="_blank">
 <img id="logo-normal" src="{{ widget.mpg_logo.src }}" width="{{ widget.mpg_logo.width }}" height="{{ widget.mpg_logo.height }}" alt="{{ widget.mpg_logo.alt }}" title="{{ widget_data.brand.value }}">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget.brand == "MPGS" %} 

 <!-- logo -->
 <nav id="nav">
 <a href="{{ widget.mpgs_link }}" target="_blank">
 <img id="logo-normal" src="{{ widget.mpgs_logo.src }}" width="{{ widget.mpgs_logo.width }}" height="{{ widget.mpgs_logo.height }}" alt="{{ widget.mpgs_logo.alt }}" title="{{ widget_data.department.value }}">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget.brand == "MP" %} 

 <!-- logo -->
 <nav id="nav">
 <a href="{{ widget.mp_link }}" target="_blank">
 <img id="logo-normal" src="{{ widget.mp_logo.src }}" width="{{ widget.mp_logo.width }}" height="{{ widget.mp_logo.height }}" alt="{{ widget.mp_logo.alt }}" title="{{ widget_data.brand.value }}">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget.brand == "RM" %} 

 <!-- logo -->
 <nav id="nav">
 <a href="{{ widget.rm_link }}" target="_blank">
 <img id="logo-normal" src="{{ widget.rm_logo.src }}" width="{{ widget.rm_logo.width }}" height="{{ widget.rm_logo.height }}" alt="{{ widget.rm_logo.alt }}" title="{{ widget_data.brand.value }}">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% else %}

<!-- logo -->
 <nav id="nav">
 <a href="{{ widget.rm_link }}" target="_blank">
 <img id="logo-normal" src="{{ widget.rm_logo.src }}" width="{{ widget.rm_logo.width }}" height="{{ widget.rm_logo.height }}" alt="{{ widget.rm_logo.alt }}" title="{{ widget_data.brand.value }}">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% endif %}

Im trying to create a header for multiple brands within an organization. The user would select the brand from a dropdown in the UI, rendering the correct header and logo. Currently the module always renders the markup in the final else statement and does not respect the user selection in the UI

2

There is no need to code a choice module in a custom module. Just use the custom module’s native choice field.

Screen Shot 2018-02-16 at 8.16.09 AM.png
Screen Shot 2018-02-16 at 8.16.09 AM.png304×386 26.4 KB

on create custom module page in design manager

If you decide to use a hubl in the design manager instead of a custom module, then replace your code

{{ widget.brand }}

with

{{ widget_data.brand.value }}

3

How do I use markup and hubl within the custom module’s choice field UI? Can i only save a string? When I move this to a hubl module out of the custom module the choice works, but I lose the custom module inputs. Can that be retrieved with hubl?

{% choice "brand" label='Select a brand header to begin', choices='MPG, MPGS, RM, MP, EXP', export_to_template_context='True' %}

{% if widget_data.brand.value == 'MPG' %}

 <!-- logo -->
 <nav id="nav">
 <a href="https://www.manpowergroup.com" target="_blank">
 <img id="logo-normal" src="https://cdn2.hubspot.net/hubfs/2942250/WEF/Email_Confirmation/MPG_BE_Logo_SS_HOR_MC_RGB_REG.png">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget_data.brand.value == 'MPGS' %} 

 <!-- logo -->
 <nav id="nav">
 <a href="https://www.manpowergroupsolutions.com" target="_blank">
 <img id="logo-normal" src="https://cdn2.hubspot.net/hubfs/2942250/WEF2018_FollowUp_Email/shared/logos-2x/manpowergroup-solutions-300x62.png">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget_data.brand.value == 'MP' %} 

 <!-- logo -->
 <nav id="nav">
 <a href="https://www.manpower.com" target="_blank">
 <img id="logo-normal" src="https://cdn2.hubspot.net/hubfs/2942250/WEF2018_FollowUp_Email/shared/logos-2x/manpower-268x52.png">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% elif widget_data.brand.value == 'RM' %} 

 <!-- logo -->
 <nav id="nav">
 <a href="https://www.right.com" target="_blank">
 <img id="logo-normal" src="https://cdn2.hubspot.net/hubfs/2942250/RM_BE_Logo_SS_HOR_MC_REG_RGB.png">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% else %} 

 <!-- logo -->
 <nav id="nav">
 <a href="https://www.experis.com" target="_blank">
 <img id="logo-normal" src="https://cdn2.hubspot.net/hubfs/2942250/EXPERIS-IT/images/experis-logo.svg">
 </a>
 </nav>
 <div id="nav-spacer"></div>

{% endif %}