Kuali Rice Development
  1. Kuali Rice Development
  2. KULRICE-13304

The "add line" button in Stacked Lists is in the wrong location when "addLinePlacement" is BOTTOM

    Details

    • Type: Bug Fix Bug Fix
    • Status: Open Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: 2.5
    • Fix Version/s: 2.6
    • Security Level: Public (Public: Anyone can view)
    • Labels:
    • Similar issues:
      KULRICE-13272The “add line” button in Stacked List demo is in the wrong location and throws null pointer exception when selected
      KULRICE-11221Provide ability to use add line with stacked list
      KULRICE-7652Add Blank Line at bottom Table Layout doesn't go to next Page
      KULRICE-10601Adding new lines with add blank line option not in correct order
      KULRICE-12134Add line highlighting incorrect when using separate add line functionality
      KULRICE-10186New line highlighting not working correctly
      KULRICE-10596Add line for add blank option is crunched
      KULRICE-7490Highlight collection when hovering on add button
      KULRICE-12035Wrong item highlighted after add on Collection Add Via Lightbox in Component Library
      KULRICE-9044KRAD "stacked" collection elements are not rendering add/delete buttons
    • Rice Team:
      Framework
    • Rice Module:
      KRAD
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:
      Yes

      Description

      It looks like this issue is due to the change made for
      KULRICE-11700 in BoxLayoutManager.performFinalize that adds the "pull-left" style class to many components. It gets added to the InputFieldBase components before the add line button, which causes the issue. When I change the code so that it doesn't add the "pull-left" style class for InputFieldBase components, the problem goes away. However, this seems hacky and I don't think it will work in all situations (i.e. If the field before the add line button is not an instance of InputFieldBase).

      To see the issue Go to one of the following and select stacked list from the drop down:

      I also wanted to mention that the placement of the "add line" button on http://env14.rice.kuali.org/kr-krad/uicomponents?viewId=LabsProposal2 looks correct due to the following two items:

      1. In labsProposal.css:
        .input-group-addon, .input-group-btn {
            width: 1%;
            vertical-align: top;
        }
        
      2. The additionalCssClasses of col-md-2 on the LabsProposal-AddList bean.
          <bean id="LabsProposal-AddList" parent="Uif-ListCollectionSubSection" p:headerText="Congressional Districts"
                p:additionalCssClasses="col-md-2"> 
        

        Issue Links

          Activity

          Hide
          Shannon Hess added a comment -

          Please see KULRICE-13272 for additional information.

          Show
          Shannon Hess added a comment - Please see KULRICE-13272 for additional information.
          Hide
          Brian Smith (Inactive) added a comment -

          potential fix is adding clear: left, display: block to this button

          Show
          Brian Smith (Inactive) added a comment - potential fix is adding clear: left, display: block to this button

            People

            • Assignee:
              Unassigned
              Reporter:
              Shannon Hess
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:

                Structure Helper Panel