[KULRICE-13304] The "add line" button in Stacked Lists is in the wrong location when "addLinePlacement" is BOTTOM Created: 19/Sep/14  Updated: 17/Feb/15

Status: Open
Project: Kuali Rice Development
Component/s: Development, User Experience (UX)
Affects Version/s: 2.5
Fix Version/s: 2.6
Security Level: Public (Public: Anyone can view)

Type: Bug Fix Priority: Major
Reporter: Shannon Hess Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: Old
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
fixes KULRICE-13272 The “add line” button in Stacked List... Closed
Rice Team: Framework
Rice Module:
KAI Review Status: Not Required
KTI Review Status: Not Required
Code Review Status: Not Required
Include in Release Notes?:


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"

Comment by Shannon Hess [ 19/Sep/14 ]

Please see KULRICE-13272 for additional information.

Comment by Brian Smith (Inactive) [ 19/Sep/14 ]

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

Generated at Mon Jan 25 01:40:25 CST 2021 using JIRA 7.0.11#70121-sha1:19d24976997c1d95f06f3e327e087be0b71f28d4.