12.0.4 OCUC - Radio Buttons ignore column count

[NormanRouxel]

Standard radio buttons in SD 12.0.4 ignore the radio Button Column Count. Worked fine in 12.0.3.

This is because the layouts Radio Button Choice Lists and Radio Button Choice have been changed to put the buttons within an UL list instead of a table.

The radios that work with Permutations are unaffected - their layouts (Radio Button Permutation List and Radio Button permutation Entry) continue to use the table based code like prior releases.

[Krithika]

Hi Norman

Thank you for bringing this to our notice. I have raised an issue for the same and let the team know.

Regards

[NormanRouxel]

Assuming this is an error, it should be easy to fix.

Just make a Partial Site Design containing Radio Button Choice List and Radio Button Choice from SD 12.0.3 before upgrading. Then, after upgrading, import the 12.0.3 PSD and that's the layouts restored.

[brucet]

Thanks for pointing this out, Norman. Sorry for any inconvenience caused.

The change was made in the course of fixing a bug that caused a crash on clicking 'Please Select' if that option is used with radio buttons. It appears that the implications for the column setting were not realised at the time. You can revert to the earlier layout, but this may bring back the crash.

In SellerDeck 2014 we are looking to introduce alternatives for all the table-based layouts. So at that point we are intending to develop a generic solution for non-tabular column control, which will probably require the use of CSS flexboxes.

[NormanRouxel]

Fixed a crash that could occur on 'Please select' in a radio button choice list, SD-2528
Cancelling navigation with a large filtered page no longer causes parseJSON errors, SD-2576

Does the "crash" refer to Catalog.exe crashing, or is it something that happens when the live site is being used?

EDIT: And what about the radio buttons used for Permutations? They still are in tables.

[brucet]

Catalog.exe crashes if you have radio buttons with please select' for your permutation/attribute, and you click on 'please select' in the preview window.

So it's avoidable and doesn't affect the web site.

[Krithika]

Hello

We have a workaround for this for now, please try the following :

1. In Design | Library, expand Choice Lists and double click to edit Radio Button Choice List
2. Select the 'Click here to edit list layout settings'
3. On the Overall Design tab, replace all the code in the 'Start of List' box with :

<ul> <actinic:block if="%3cactinic%3avariable%20name%3d%22IsUsedNoneChoiceLabel%22%20%2f%3e" > <li style="<actinic:block php="true" >echo 'width: '.(100/<actinic:variable name="RadioButtonColumnCount" selectable="false" />).'%';</actinic:block>; float:left; display:inline-block;"> <span class="ajs-attr" id="<actinic:variable name="UIWidgetName" />_"><input type="radio" name="<Actinic:Variable Name="UIWidgetName"/>" value="" checked="checked" <actinic:block if="%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20true" >onclick="ChoiceChanged(this)"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e%20%3d%3d%20FALSE%20AND%20%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20FALSE" >onclick="ChoiceChanged(this, '<actinic:variable name="DynamicPriceCGIURL" />', <actinic:variable name="SectionID" />)"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e%20%3d%3d%20TRUE%20AND%20%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20FALSE" >onclick="ChoiceChanged(this, '<actinic:variable name="DynamicPriceCGIURL" />', <actinic:variable name="SectionID" />, '<actinic:variable name="ShopID" />')"</actinic:block>/> <actinic:variable name="NoneChoiceLabel" /> &nbsp;&nbsp;</span> </li> </actinic:block>

4. OK to close the window, now edit the layout "Radio Button Choice" (under Choices) and replace its code with following:

<li style="<actinic:block php="true" >echo 'width: '.(100/<actinic:variable name="RadioButtonColumnCount" selectable="false" />).'%';</actinic:block>; float:left; display:inline-block;"> <span class="ajs-attr" id="<actinic:variable name="UIWidgetName" />_<Actinic:Variable Name="ChoiceSelectedValue"/>"><input type="radio" name="<Actinic:Variable Name="UIWidgetName"/>" value="<Actinic:Variable Name="ChoiceSelectedValue"/>" <actinic:block if="%28%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%201%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ProductComponentCount%22%20%2f%3e%20%3e%200%29" ><actinic:block if="%21%3cactinic%3avariable%20name%3d%22IsUsedNoneChoiceLabel%22%20%2f%3e" >checked="checked"</actinic:block></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%201%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ProductComponentCount%22%20%2f%3e%20%3d%3d%200%29" >checked="checked"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20true" >onclick="ChoiceChanged(this)"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e%20%3d%3d%20FALSE%20AND%20%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20FALSE" >onclick="ChoiceChanged(this, '<actinic:variable name="DynamicPriceCGIURL" />', <actinic:variable name="SectionID" />)"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e%20%3d%3d%20TRUE%20AND%20%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e%20%3d%3d%20FALSE" >onclick="ChoiceChanged(this, '<actinic:variable name="DynamicPriceCGIURL" />', <actinic:variable name="SectionID" />, '<actinic:variable name="ShopID" />')"</actinic:block>/> <Actinic:Variable Name="ChoiceDisplayLabel"/> &nbsp;&nbsp;</span> </li>

5. Close the layout window and the Library dialog. Now change the column count for the attribute which will be reflected in the preview

Note : The above code has been edited and the desktop preview where IE9 and below is being used works fine as well.