Uploaded image for project: 'Kuali Rice Development'
  1. Kuali Rice Development
  2. KULRICE-8776

When p:refreshWhenChangedPropertyNames is triggered the uif-boxLayoutHorizontalItem css gets lost...

    Details

    • Type: Bug Fix
    • Status: Closed
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 2.2
    • Fix Version/s: 2.2.1
    • Component/s: CSS
    • Security Level: Public (Public: Anyone can view)
    • Labels:
      None
    • Rice Module:
      KRAD
    • KRAD Feature Area:
      UIF Component
    • Application Requirement:
      KS
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required

      Description

      We have come across the above issue since the last update:
      When p:refreshWhenChangedPropertyNames is triggered the uif-boxLayoutHorizontalItem css gets lost...

      https://jira.kuali.org/browse/KSENROLL-4682:
      Code:
      <bean id="KS-CourseOfferingManagement-AddActivityOfferingSection" parent="Uif-VerticalBoxSection" >
      <property name="disclosure.render" value="false"/>
      <property name="headerText" value="Add Activity Offering"/>
      <property name="items">
      <list>
      <bean parent="Uif-HorizontalBoxSection">
      <property name="items">
      <list>
      <bean parent="Uif-InputField" p:propertyName="formatIdForNewAO" p:label="Format" p:labelPlacement="TOP" p:required="true">
      <property name="readOnly" value="false"/>
      <property name="control">
      <bean parent="Uif-DropdownControl" p:disabled="@

      {!#root.editAuthz}"/>
      </property>
      <property name="optionsFinder">
      <bean class="org.kuali.student.enrollment.class2.courseoffering.keyvalue.FormatsForCreateAOKeyValues" p:addBlankOption="false" />
      </property>
      </bean>
      <bean parent="Uif-InputField" p:propertyName="activityIdForNewAO" p:label="Activity Type" p:labelPlacement="TOP" p:required="true" p:refreshWhenChangedPropertyNames="formatIdForNewAO">
      <property name="readOnly" value="false"/>
      <property name="control">
      <bean parent="Uif-DropdownControl" p:disabled="@{!#root.editAuthz}

      "/>
      </property>
      <property name="optionsFinder">
      <bean class="org.kuali.student.enrollment.class2.courseoffering.keyvalue.ActivitiesForCreateAOKeyValues" p:addBlankOption="false" />
      </property>
      </bean>
      <bean parent="Uif-InputField" p:propertyName="noOfActivityOfferings" p:label="Quantity" p:labelPlacement="TOP" p:required="true">
      <property name="readOnly" value="false"/>
      <property name="control">
      <bean parent="Uif-TextControl" p:size="3" p:disabled="@

      {!#root.editAuthz}

      "/>
      </property>
      </bean>
      <bean parent="Uif-SecondaryActionButton-Small" p:performClientSideValidation="true" p:actionLabel="Add" p:methodToCall="addActivityOfferings" p:style="margin-top: 18px;" p:disabled="@

      {#parent.readOnly}

      "/>
      </list>
      </property>
      </bean>
      </list>
      </property>
      </bean>

      Before refresh:
      <div id="u221" class="uif-field uif-inputField uif-boxLayoutHorizontalItem" data-parent="u197" data-role="InputField" data-label="Activity Type">
      <span id="u221_label_span" class="uif-label uif-labelBlock" data-labelfor="u221">
      <span id="u223_span" class="uif-message uif-requiredMessage" data-parent="u221_label">

      • </span>
        ...
        </div>

      After refresh:
      <div id="u221" class="uif-field uif-inputField" data-parent="u197" data-role="InputField" data-label="Activity Type" style="background-color: rgba(0, 0, 0, 0);">
      <span id="u221_label_span" class="uif-label uif-labelBlock" data-labelfor="u221">
      <span id="u223_span" class="uif-message uif-requiredMessage" data-parent="u221_label">

      • </span>
        ...
        </div>

      https://jira.kuali.org/browse/KSENROLL-4803:
      Code:
      <bean id="KS-CourseOfferingEdit-Waitlist" parent="Uif-VerticalBoxSection" p:headerText="Waitlists">
      <property name="items">
      <list>
      <bean parent="Uif-Message" p:messageText="<hr>"/>
      <bean parent="Uif-HorizontalBoxSection">
      <property name="items">
      <list>
      <bean parent="Uif-InputField-LabelTop" p:propertyName="coInfo.hasWaitlist" p:label="Waitlists" p:fieldLabel.renderColon="false" p:labelPlacement="TOP">
      <property name="control">
      <bean parent="Uif-CheckboxControl">
      <property name="checkboxLabel" value="This course offering has a waitlist"/>
      </bean>
      </property>
      </bean>
      <bean parent="Uif-HorizontalBoxSection" p:refreshWhenChangedPropertyNames="#dp.coInfo.hasWaitlist">
      <property name="items">
      <list>
      <bean parent="Uif-InputField" p:propertyName="coInfo.waitlistLevelTypeKey" p:label="Waitlist Level" p:fieldLabel.renderColon="false" p:labelPlacement="TOP">
      <property name="control">
      <bean parent="Uif-VerticalRadioControl" p:disabled="@

      {!#dp.coInfo.hasWaitlist}"/>
      </property>
      <property name="optionsFinder">
      <bean class="org.kuali.student.enrollment.class2.courseoffering.keyvalue.WaitlistLevelOptionsKeyValues" />
      </property>
      </bean>
      <bean parent="Uif-InputField" p:label="Waitlist Type" p:propertyName="coInfo.waitlistTypeKey" p:fieldLabel.renderColon="false" p:labelPlacement="TOP">
      <property name="control">
      <bean parent="Uif-DropdownControl" p:disabled="@{!#dp.coInfo.hasWaitlist}

      "/>
      </property>
      <property name="optionsFinder">
      <bean class="org.kuali.student.enrollment.class2.courseoffering.keyvalue.WaitlistTypeOptionsKeyValues" />
      </property>
      </bean>
      </list>
      </property>
      </bean>
      </list>
      </property>
      </bean>
      </list>
      </property>
      </bean>

      Before refresh:
      <div id="u100510" class="uif-group uif-boxGroup uif-horizontalBoxGroup uif-boxSection uif-boxLayoutHorizontalItem" data-parent="u100486">
      <div id="u100512" class="uif-header uif-sectionHeader" data-headerfor="u100510">
      </div>
      <div id="u100514" class="uif-validationMessages uif-groupValidationMessages" style="display: none;" data-messagesfor="u100510">
      </div>
      <div id="u100511_boxLayout" class="uif-boxLayout uif-horizontalBoxLayout clearfix">
      ...
      </div>

      After refresh:
      <div id="u100510" class="uif-group uif-boxGroup uif-horizontalBoxGroup uif-boxSection" data-parent="u100486" style="background-color: rgba(0, 0, 0, 0);">
      <div id="u100512" class="uif-header uif-sectionHeader" data-headerfor="u100510">
      </div>
      <div id="u100514" class="uif-validationMessages uif-groupValidationMessages" style="display: none;" data-messagesfor="u100510">
      </div>
      <div id="u100511_boxLayout" class="uif-boxLayout uif-horizontalBoxLayout clearfix">
      ...
      </div>

      Would you recommend the course of action please?

      Thank you very much,

      Miki Harmath
      Information Technology Analyst
      Enterprise Applications & Solutions Integration (EASI)
      University of Toronto
      Tel:(416)946-5190

        Attachments

          Issue Links

            Activity

            Hide
            miki.harmath Miki Harmath (Inactive) added a comment -

            For screens and further details please look at linked
            https://jira.kuali.org/browse/KSENROLL-4682 and
            https://jira.kuali.org/browse/KSENROLL-4803.

            Show
            miki.harmath Miki Harmath (Inactive) added a comment - For screens and further details please look at linked https://jira.kuali.org/browse/KSENROLL-4682 and https://jira.kuali.org/browse/KSENROLL-4803 .
            Hide
            jcoltrin Jessica Coltrin (Inactive) added a comment -

            assigning to 2.2.1 for DM review.

            Show
            jcoltrin Jessica Coltrin (Inactive) added a comment - assigning to 2.2.1 for DM review.
            Hide
            samuel Samuel Holtzkampf (Inactive) added a comment -

            Reapplied the 'uif-boxLayoutHorizontalItem' and 'uif-boxLayoutVerticalItem' styles to BoxLayout child components when refreshed. Changed UifControllerHelper.prepareViewForRendering

            Show
            samuel Samuel Holtzkampf (Inactive) added a comment - Reapplied the 'uif-boxLayoutHorizontalItem' and 'uif-boxLayoutVerticalItem' styles to BoxLayout child components when refreshed. Changed UifControllerHelper.prepareViewForRendering

              People

              • Assignee:
                samuel Samuel Holtzkampf (Inactive)
                Reporter:
                miki.harmath Miki Harmath (Inactive)
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: