Announcement

Collapse
No announcement yet.

12.0.4 OCUC - Radio Buttons ignore column count

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    12.0.4 OCUC - Radio Buttons ignore column count

    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.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    #2
    Hi Norman

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

    Regards
    Krithika Chandrasekar
    SellerDeck

    sigpic

    E-commerce software by SellerDeck

    Comment


      #3
      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.
      Norman - www.drillpine.biz
      Edinburgh, U K / Bitez, Turkey

      Comment


        #4
        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.
        Bruce Townsend
        Ecommerce Product Manager
        Sellerdeck Ecommerce Solutions

        Comment


          #5
          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.
          Norman - www.drillpine.biz
          Edinburgh, U K / Bitez, Turkey

          Comment


            #6
            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.
            Bruce Townsend
            Ecommerce Product Manager
            Sellerdeck Ecommerce Solutions

            Comment


              #7
              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 :
              Code:
              <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:
              Code:
              <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.
              Krithika Chandrasekar
              SellerDeck

              sigpic

              E-commerce software by SellerDeck

              Comment

              Working...
              X