1

I am working on a Liferay portlet. I use AlloyUI forms. This is the code of the portlet (it's called provision-portlet; I'm French, so the comments are in french, but I try to code in english):

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>

<%@ page import="org.jdom2.*, org.jdom2.input.*, org.jdom2.output.*" %>
<%@ page import="java.io.File, java.io.FileReader, java.io.Reader" %>
<%@ page import="java.util.List" %>
<%@ page import="java.lang.Exception, java.io.FileNotFoundException" %>
<%@ page import="java.net.URLEncoder" %>
<%@ page import="org.apache.commons.lang3.*" %>

<%
System.out.println("view.jsp");
%>

<portlet:defineObjects/>
<!-- déclenche l'appel à ProvisionPortlet::processOrgTemplate en sortie de la page -->
<portlet:actionURL name="processOrgTemplate" var="processOrgTemplateURL">
    <!-- passage des paramètres d'entrée au paramètre de sortie -->
    <%
    String workflowID = (String) renderRequest.getAttribute("workflowID");
    %>
    <portlet:param name="workflowID" value="<%= workflowID %>" />
</portlet:actionURL>
<!-- formulaire -->
<aui:form action="<%= processOrgTemplateURL.toString() %>" method="post">
    <!-- alignement des champs -->
    <aui:fieldset column="true">

        <%
        // parsing du document XML passé en paramètre d'entrée
        String parseMe = (String) renderRequest.getAttribute("vCloud:OrgTemplate");
        java.io.StringReader strReader = new java.io.StringReader(parseMe);
        java.io.Reader reader = (java.io.Reader) strReader;
        // on cree une instance de SAXBuilder
        SAXBuilder sxb = new SAXBuilder();
        org.jdom2.Document document = new org.jdom2.Document();
        try {
            // on cree un nouveau document JDOM avec en argument le fichier
            // le parsing est termine
            document = sxb.build(reader);
        } catch (java.io.IOException e) {
            e.printStackTrace();
            return;
        } catch (JDOMException e) {
            e.printStackTrace();
            return;
        }
        // on initialise un nouvel élément root avec l'élément root du document
        Element root = document.getRootElement();
        // lecture du namespace
        Namespace ns = root.getNamespace();
        // lecture des enfants de l'élément racine
        Element steps = root.getChild("steps", ns);
        List<Element> listStep = steps.getChildren("step", ns);
        for (Element step : listStep) {
            Element group = step.getChild("group", ns);
            Element fields = group.getChild("fields", ns);
            Element field = fields.getChild("field", ns);
            String id = field.getAttributeValue("id");
            System.out.println("id = " + id); // DEBUG
            if (id.compareTo("org") == 0) {
                // présentation des organization en menu déroulant 
                Element decorators = field.getChild("decorators", ns);
                Element dropDown = decorators.getChild("drop-down", ns);
                Element array = dropDown.getChild("array", ns);
                List<Element> listSdkObject = array.getChildren("sdk-object", ns);
        %>
                <!-- menu déroulant : org -->
                <aui:select label="<%= id %>" name="<%= id %>">
        <%
                for (Element sdkObject : listSdkObject) {
                    String displayValue = sdkObject.getAttributeValue("display-value");
                    XMLOutputter xmlOutputter = new XMLOutputter(Format.getPrettyFormat());
                    String strNotEscaped = xmlOutputter.outputString(sdkObject);
                    String strEscaped = StringEscapeUtils.escapeXml(strNotEscaped);
        %>
                    <aui:option value="<%= strEscaped %>">
                        <liferay-ui:message key="<%= displayValue %>" />
                    </aui:option>
        <%
                }
        %>
                </aui:select>
        <%
            } else if (id.compareTo("template") == 0) {
                // présentation des template en menu déroulant
                Element decorators = field.getChild("decorators", ns);
                Element dropDown = decorators.getChild("drop-down", ns);
                Element array = dropDown.getChild("array", ns);
                List<Element> listSdkObject = array.getChildren("sdk-object", ns);
        %>
                <!-- menu déroulant : vapp -->
                <aui:select label="<%= id %>" name="<%= id %>">
        <%
                for (Element sdkObject : listSdkObject) {
                    String displayValue = sdkObject.getAttributeValue("display-value");
                    XMLOutputter xmlOutputter = new XMLOutputter(Format.getPrettyFormat());
                    String strNotEscaped = xmlOutputter.outputString(sdkObject);
                    String strEscaped = StringEscapeUtils.escapeXml(strNotEscaped);
        %>
                    <aui:option value="<%= strEscaped %>">
                        <liferay-ui:message key="<%= displayValue %>" />
                    </aui:option>
        <%
                }
        %>
                </aui:select>
        <%
            }
        }
        %>

        <!-- bouton de soumission du formulaire -->
        <aui:button-row>
            <aui:button type="submit" value="Send"/>
        </aui:button-row>

    </aui:fieldset>
</aui:form>

For some reason, it looks like this :

http://postimg.org/image/x3h4vy2cz/

Can anyone tell me why the forms are out of the portlet and how I can change this ?

Thanks

Marie

3
  • How does your view.jsp end? Nov 28, 2013 at 16:10
  • Sorry I have not made myself clear enough. The code I pasted is my view.jsp (unedited).
    – user3046559
    Nov 28, 2013 at 16:13
  • move your form inside "<aui:layout></aui:layout>" and see if that works Nov 29, 2013 at 4:53

1 Answer 1

1

It is happening due to aui:fieldset you have used.

It is adding .ltr .aui-column, .rtl .aui-column-last { float: left; } css to field-set which causes aligment issue.

Please remove that fieldset if not required or else negate effect of css mentioned.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.