I am trying to get the words to list versus just type out like a sentence. Is there a way to do that?
I think adding a <br> should do this.
Best regards,
Tijs
tjis,
I am not sure what you are referring to add. did I miss something? Sorry to make you repeat.
Thank you for your help
Sorry, forgot to escape the essential part of the answer 
Editted it now.
Best regards,
Tijs
tijs,
I added the
like you suggested, not sure if I did it correctly though as my result wasn’t what i expected. I am putting a copy of my result below…not what I expected…but could be user error 
Hi,
Could you share the generated HTML in the Flowable Task application for this expression field?
Best regards,
Tijs
<!doctype html>
SSG Modeler<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png?v=Om5N75Y123">
<link rel="icon" type="image/png" href="images/favicon-32x32.png?v=Om5N75Y123" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-16x16.png?v=Om5N75Y123" sizes="16x16">
<link rel="manifest" href="manifest.json">
<link rel="mask-icon" href="images/safari-pinned-tab.svg?v=Om5N75Y123" color="#506d75">
<link rel="shortcut icon" href="favicon.ico?v=Om5N75Y123">
<link rel="Stylesheet" href="libs/ui-grid_3.0.0/ui-grid.css" type="text/css"/>
<link rel="Stylesheet" href="libs/handsontable_0.31.2/handsontable.full.min.css" type="text/css"/>
<!-- build:css styles/3thparty.css -->
<link rel="stylesheet" href="libs/bootstrap_3.1.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="libs/bootstrap-tour_0.9.1/bootstrap-tour.min.css"/>
<link rel="stylesheet" href="libs/angular-spectrum-colorpicker_1.0.13/spectrum.css"/>
<!-- endbuild -->
<link rel="Stylesheet" media="screen" href="editor-app/editor/css/editor.css?v=2" type="text/css"/>
<link rel="stylesheet" href="editor-app/css/style.css?v=2" type="text/css"/>
<!-- build:css styles/style.css -->
<link href="styles/common/style.css" rel="stylesheet">
<link href="styles/common/style-retina.css" rel="stylesheet">
<link rel="stylesheet" href="styles/style-editor.css">
<!-- endbuild -->
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation" id="main-header">
<div class="fixed-container">
<div class="navbar-header">
<a ng-click="backToLanding()" class="landing-logo" ng-if="account != null && account != undefined" title="{{'GENERAL.MAIN-TITLE' | translate}}">
<img ng-src="{{appResourceRoot}}images/flowable-logo.png" ng-srcset="{{appResourceRoot}}images/flowable-logo.png 1x, {{appResourceRoot}}images/flowable-logo@2x.png 2x">
</a>
<ul class="nav navbar-nav" id="main-nav" ng-show="authenticated">
<li ng-class="{'active' : item.id == mainPage.id}" ng-repeat="item in mainNavigation">
<a ng-click="setMainPage(item)">{{item.title | translate}}</a>
</li>
</ul>
</div>
<div class="pull-right {{currentAppDefinition.definition.theme}}"
ng-class="{'app-indicator': currentAppDefinition}" ng-if="authenticated" ng-cloack>
<span ng-if="currentAppDefinition.definition.theme">
{{currentAppDefinition.name}}
</span>
<i class="glyphicon {{currentAppDefinition.definition.icon}}"></i>
<div class="dropdown btn-group btn-group-sm" activiti-fix-dropdown-bug>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
{{account.firstName && account.firstName != 'null' ? account.firstName : ''}} {{account.lastName && account.lastName != 'null' ? account.lastName : ''}}
<span class="glyphicon glyphicon-chevron-down" style="font-size: 10px" aria-hidden="true"></span>
</button>
<ul class="dropdown-menu pull-right">
<li><a href="" ng-click="logout()" translate>GENERAL.ACTION.LOGOUT</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--[if lt IE 9]>
<div class="unsupported-browser">
<p class="alert error">You are using an unsupported browser. Please upgrade your browser in order to use the
editor.</p>
</div>
<![endif]-->
<!--[if IE 9]>
<div id="no-flash-message" class="unsupported-browser" style="display: none">
<p class="alert error">No Adobe Flash installed. Please install Adobe Flash in order to use the file upload capabilities on this version of Internet Explorer.</p>
</div>
<script>
var hasFlash = false;
try {
hasFlash = Boolean(new ActiveXObject('ShockwaveFlash.ShockwaveFlash'));
} catch(exception) {
hasFlash = ('undefined' != typeof navigator.mimeTypes['application/x-shockwave-flash']);
}
if (!hasFlash) {
var showNoFlashMessage = function () {
var element = document.getElementById('no-flash-message');
element.style.display="block";
};
showNoFlashMessage();
}
</script>
<![endif]-->
<div class="alert-wrapper" ng-cloak>
<div class="alert fadein {{alerts.current.type}}" ng-show="alerts.current" ng-click="dismissAlert()">
<i class="glyphicon"
ng-class="{'glyphicon-ok': alerts.current.type == 'info', 'glyphicon-remove': alerts.current.type == 'error'}"></i>
<span>{{alerts.current.message}}</span>
<div class="pull-right" ng-show="alerts.queue.length > 0">
<span class="badge">{{alerts.queue.length + 1}}</span>
</div>
</div>
</div>
<div id="main" class="wrapper full clearfix" ng-view="" ng-cloak ng-style="{height: window.height + 'px'}">
</div>
<!doctype html>
SSG Modeler<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png?v=Om5N75Y123">
<link rel="icon" type="image/png" href="images/favicon-32x32.png?v=Om5N75Y123" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-16x16.png?v=Om5N75Y123" sizes="16x16">
<link rel="manifest" href="manifest.json">
<link rel="mask-icon" href="images/safari-pinned-tab.svg?v=Om5N75Y123" color="#506d75">
<link rel="shortcut icon" href="favicon.ico?v=Om5N75Y123">
<link rel="Stylesheet" href="libs/ui-grid_3.0.0/ui-grid.css" type="text/css"/>
<link rel="Stylesheet" href="libs/handsontable_0.31.2/handsontable.full.min.css" type="text/css"/>
<!-- build:css styles/3thparty.css -->
<link rel="stylesheet" href="libs/bootstrap_3.1.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="libs/bootstrap-tour_0.9.1/bootstrap-tour.min.css"/>
<link rel="stylesheet" href="libs/angular-spectrum-colorpicker_1.0.13/spectrum.css"/>
<!-- endbuild -->
<link rel="Stylesheet" media="screen" href="editor-app/editor/css/editor.css?v=2" type="text/css"/>
<link rel="stylesheet" href="editor-app/css/style.css?v=2" type="text/css"/>
<!-- build:css styles/style.css -->
<link href="styles/common/style.css" rel="stylesheet">
<link href="styles/common/style-retina.css" rel="stylesheet">
<link rel="stylesheet" href="styles/style-editor.css">
<!-- endbuild -->
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation" id="main-header">
<div class="fixed-container">
<div class="navbar-header">
<a ng-click="backToLanding()" class="landing-logo" ng-if="account != null && account != undefined" title="{{'GENERAL.MAIN-TITLE' | translate}}">
<img ng-src="{{appResourceRoot}}images/flowable-logo.png" ng-srcset="{{appResourceRoot}}images/flowable-logo.png 1x, {{appResourceRoot}}images/flowable-logo@2x.png 2x">
</a>
<ul class="nav navbar-nav" id="main-nav" ng-show="authenticated">
<li ng-class="{'active' : item.id == mainPage.id}" ng-repeat="item in mainNavigation">
<a ng-click="setMainPage(item)">{{item.title | translate}}</a>
</li>
</ul>
</div>
<div class="pull-right {{currentAppDefinition.definition.theme}}"
ng-class="{'app-indicator': currentAppDefinition}" ng-if="authenticated" ng-cloack>
<span ng-if="currentAppDefinition.definition.theme">
{{currentAppDefinition.name}}
</span>
<i class="glyphicon {{currentAppDefinition.definition.icon}}"></i>
<div class="dropdown btn-group btn-group-sm" activiti-fix-dropdown-bug>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
{{account.firstName && account.firstName != 'null' ? account.firstName : ''}} {{account.lastName && account.lastName != 'null' ? account.lastName : ''}}
<span class="glyphicon glyphicon-chevron-down" style="font-size: 10px" aria-hidden="true"></span>
</button>
<ul class="dropdown-menu pull-right">
<li><a href="" ng-click="logout()" translate>GENERAL.ACTION.LOGOUT</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--[if lt IE 9]>
<div class="unsupported-browser">
<p class="alert error">You are using an unsupported browser. Please upgrade your browser in order to use the
editor.</p>
</div>
<![endif]-->
<!--[if IE 9]>
<div id="no-flash-message" class="unsupported-browser" style="display: none">
<p class="alert error">No Adobe Flash installed. Please install Adobe Flash in order to use the file upload capabilities on this version of Internet Explorer.</p>
</div>
<script>
var hasFlash = false;
try {
hasFlash = Boolean(new ActiveXObject('ShockwaveFlash.ShockwaveFlash'));
} catch(exception) {
hasFlash = ('undefined' != typeof navigator.mimeTypes['application/x-shockwave-flash']);
}
if (!hasFlash) {
var showNoFlashMessage = function () {
var element = document.getElementById('no-flash-message');
element.style.display="block";
};
showNoFlashMessage();
}
</script>
<![endif]-->
<div class="alert-wrapper" ng-cloak>
<div class="alert fadein {{alerts.current.type}}" ng-show="alerts.current" ng-click="dismissAlert()">
<i class="glyphicon"
ng-class="{'glyphicon-ok': alerts.current.type == 'info', 'glyphicon-remove': alerts.current.type == 'error'}"></i>
<span>{{alerts.current.message}}</span>
<div class="pull-right" ng-show="alerts.queue.length > 0">
<span class="badge">{{alerts.queue.length + 1}}</span>
</div>
</div>
</div>
<div id="main" class="wrapper full clearfix" ng-view="" ng-cloak ng-style="{height: window.height + 'px'}">
</div>