diff --git a/corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/views.js b/corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/views.js index bc7234c50761..a82c4aa9286c 100644 --- a/corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/views.js +++ b/corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/views.js @@ -180,7 +180,7 @@ hqDefine("cloudcare/js/formplayer/menus/views", function () { // Dynamically generate the CSS style for the grid polyfill to use for the case tile // useUniformUnits - true if the grid's cells should have the same height as width - const buildCellGridStyle = function (numRows, numColumns, useUniformUnits, prefix) { + const buildCellGridStyle = function (numRows, numColumns, useUniformUnits, prefix, isMultiSelect) { let heightString; if (useUniformUnits) { @@ -195,6 +195,7 @@ hqDefine("cloudcare/js/formplayer/menus/views", function () { numColumns: numColumns, heightString: heightString, prefix: prefix, + isMultiSelect: isMultiSelect, }; const templateString = $("#cell-grid-style-template").html(); const template = _.template(templateString); @@ -486,7 +487,7 @@ hqDefine("cloudcare/js/formplayer/menus/views", function () { const useUniformUnits = options.useUniformUnits; const caseTileStyles = buildCaseTileStyles(options.tiles, options.styles, numRows, numColumns, - numEntitiesPerRow, useUniformUnits, 'list'); + numEntitiesPerRow, useUniformUnits, 'list', options.isMultiSelect); const gridPolyfillPath = FormplayerFrontend.getChannel().request('gridPolyfillPath'); @@ -1095,10 +1096,10 @@ hqDefine("cloudcare/js/formplayer/menus/views", function () { // - shape and size of the tile's layout grid // - the tile's visual style and its outer boundary // - layout of the case tiles on the outer, visible grid - const buildCaseTileStyles = function (tiles, styles, numRows, numColumns, numEntitiesPerRow, useUniformUnits, prefix) { + const buildCaseTileStyles = function (tiles, styles, numRows, numColumns, numEntitiesPerRow, useUniformUnits, prefix, isMultiSelect) { const caseTileStyles = {}; caseTileStyles.cellLayoutStyle = buildCellLayout(tiles, styles, prefix); - caseTileStyles.cellGridStyle = buildCellGridStyle(numRows, numColumns, useUniformUnits, prefix); + caseTileStyles.cellGridStyle = buildCellGridStyle(numRows, numColumns, useUniformUnits, prefix, isMultiSelect); if (numEntitiesPerRow > 1) { caseTileStyles.cellContainerStyle = buildCellContainerStyle(numEntitiesPerRow); caseTileStyles.cellWrapperStyle = $("#cell-wrapper-style-template"); diff --git a/corehq/apps/cloudcare/templates/formplayer/case_list.html b/corehq/apps/cloudcare/templates/formplayer/case_list.html index 05f2fc844837..40ac1413eb1b 100644 --- a/corehq/apps/cloudcare/templates/formplayer/case_list.html +++ b/corehq/apps/cloudcare/templates/formplayer/case_list.html @@ -289,7 +289,13 @@