@@ -149,11 +149,16 @@ var headerRowCode = 'Row { \n\
152+// %1 is used as first child of the column
153+// %2 is used as second child of the column
152var headerColumnCode = 'Column { \n\
154var headerColumnCode = 'Column { \n\
153 anchors.verticalCenter: parent.verticalCenter; \n\
155 anchors.verticalCenter: parent.verticalCenter; \n\
154 spacing: units.dp(2); \n\
156 spacing: units.dp(2); \n\
155 width: parent.width - x;\n\
157 width: parent.width - x;\n\
159var mascotShapeLoaderCode = 'Loader { \n\
164var mascotShapeLoaderCode = 'Loader { \n\
@@ -402,15 +407,17 @@ function cardString(template, components) {
404 var titleLabelVisibleExtra = (headerAsOverlay ? '&& overlayLoader.active': '');
409 var titleLabelVisibleExtra = (headerAsOverlay ? '&& overlayLoader.active': '');
405− titleSubtitleCode += titleLabelCode.arg(titleAnchors).arg(color).arg(titleLabelVisibleExtra);
410+ var titleCode = titleLabelCode.arg(titleAnchors).arg(color).arg(titleLabelVisibleExtra);
406−
411+ var subtitleCode = "";
407 if (hasSubtitle) {
412 if (hasSubtitle) {
408− titleSubtitleCode += subtitleLabelCode.arg(subtitleAnchors).arg(color);
413+ subtitleCode += subtitleLabelCode.arg(subtitleAnchors).arg(color);
411 if (hasMascot && hasSubtitle) {
416 if (hasMascot && hasSubtitle) {
412 // If using row + column wrap the code in the column
417 // If using row + column wrap the code in the column
413− titleSubtitleCode = headerColumnCode.arg(titleSubtitleCode);
418+ titleSubtitleCode = headerColumnCode.arg(titleCode).arg(subtitleCode);
420+ titleSubtitleCode = titleCode + subtitleCode;