The 'modals' div for the UnpBootFormEditor are contained in the UnpBootFlatViewList control. #357

Closed
ghost opened this Issue Sep 15, 2015 · 2 comments

Comments

Projects
None yet
1 participant
@ghost

ghost commented Sep 15, 2015

The 'modals' div for the UnpBootFormEditor are contained in the UnpBootFlatViewList (line 272) control. These need to be changed to xp:panels and rendered only if the ajaxload property is not 'no'. If the UnpBootFormView is loaded via a full request then these divs are no longer in the HTML DOM and the UnpBootFormEditor cannot be displayed if ajaxed in.
The modal panels should be copied into UnpBootFormViewer and rendered if the FormViewer was fully loaded (non-ajax) so the Ajax'd in UnpBootFormEditor can load in the editModal div.
Similar functionality for UnpBootAccordionView should be implemented also.

@whitemx whitemx modified the milestone: 1.5.2 Oct 15, 2015

@whitemx

This comment has been minimized.

Show comment
Hide comment
@whitemx

whitemx Oct 19, 2015

Owner

See email from Rich on 16th Oct for more details and demo db(s)

Owner

whitemx commented Oct 19, 2015

See email from Rich on 16th Oct for more details and demo db(s)

@whitemx

This comment has been minimized.

Show comment
Hide comment
@whitemx

whitemx Oct 21, 2015

Owner

OK, had a look at this and it looks like it can be resolved by moving the structure of the XML:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:unp="http://unplugged.teamstudio.com"
    xmlns:xc="http://www.ibm.com/xsp/custom">
    <xc:commonHeader></xc:commonHeader>
    <div id="main" class="container">
        <div class="row fullheightrow">
            <div id="doccontent" class="col-sm-12 bootcards-cards full-width">
                <unp:UnpBootFormViewer showbuttons="true"
                    editxpagewithajax="yes" dbname="demo/Expenses4.nsf" formname="ExpenseInfo"
                    title="Expense" editxpagename="UnpFormDataEditMovedModals.xsp">
                    <xp:this.facets>
                        <xp:panel id="list-group" styleClass="panel" xp:key="facet_1">
                            <div class="list-group">
                                <div class="list-group-item">
                                    <xp:label value="Customer:" id="label1" for="Customer">
                                    </xp:label>
                                    <xp:text tagName="h4" styleClass="list-group-item-heading"
                                        value="#{docview.Customer}" id="Customer">
                                    </xp:text>
                                </div>
                            </div>
                        </xp:panel>
                    </xp:this.facets>
                </unp:UnpBootFormViewer>
            </div>
        </div>
    </div>
    <!--  Modals -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog"
        aria-labelledby="editModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
</xp:view>
Owner

whitemx commented Oct 21, 2015

OK, had a look at this and it looks like it can be resolved by moving the structure of the XML:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:unp="http://unplugged.teamstudio.com"
    xmlns:xc="http://www.ibm.com/xsp/custom">
    <xc:commonHeader></xc:commonHeader>
    <div id="main" class="container">
        <div class="row fullheightrow">
            <div id="doccontent" class="col-sm-12 bootcards-cards full-width">
                <unp:UnpBootFormViewer showbuttons="true"
                    editxpagewithajax="yes" dbname="demo/Expenses4.nsf" formname="ExpenseInfo"
                    title="Expense" editxpagename="UnpFormDataEditMovedModals.xsp">
                    <xp:this.facets>
                        <xp:panel id="list-group" styleClass="panel" xp:key="facet_1">
                            <div class="list-group">
                                <div class="list-group-item">
                                    <xp:label value="Customer:" id="label1" for="Customer">
                                    </xp:label>
                                    <xp:text tagName="h4" styleClass="list-group-item-heading"
                                        value="#{docview.Customer}" id="Customer">
                                    </xp:text>
                                </div>
                            </div>
                        </xp:panel>
                    </xp:this.facets>
                </unp:UnpBootFormViewer>
            </div>
        </div>
    </div>
    <!--  Modals -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog"
        aria-labelledby="editModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
</xp:view>

@whitemx whitemx closed this Oct 22, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment