个人中心
gpt4 book ai didi

css - CQ5 parsys 即使在预览模式下也会留下一些空间？

转载 作者：太空宇宙 更新时间：2023-11-03 18:10:44 24 4
gpt4 key购买 nike

在编辑模式下，我们可以看到所有的 parsys，在预览模式下，CQ 向我们展示了页面在发布实例中的样子。我有一个页面，我在其中硬编码了我的文本字段，并且我使用 parsys 在页面上输入文本(标签)...但是当我进入预览模式时，parsys 会留下一些空间，这让我的 UI 看起来很糟糕。请看下面的图片。

enter image description here

enter image description here

enter image description here

如何删除这个多余的空间？

我想我快要解决它了...我认为 bootstrap CSS 中的一个类正在添加空间，它不是 Parsys 反正这里是代码

<%--
  Videojet Add New User Component
--%>

<%@include file="/libs/foundation/global.jsp"%>

<%@ page
    import="com.videojet.hiresite.beans.HRRepresentative,
    java.util.*"%>
<%
List<HRRepresentative> hrList = (List<HRRepresentative>)request.getAttribute("hrList");
%>
<cq:include script="head.jsp" />
<html>
<head>
<cq:includeClientLib css="videojetlib" />
<cq:includeClientLib css="customcarousel" />
<cq:includeClientLib css="bootstrapold" />
<link rel="shortcut icon" type="image/ico"
    href="/content/dam/videojet/favicon.ico" />



</head>
<body>

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse">
                    <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="brand" href="#"><img
                    src="/content/dam/videojet/Videojet-Logo.png"></img></a>
                <div class="nav-collapse collapse">
                    <p class="navbar-text pull-right">
                        <a href="/services/videojet/v1/LoginController/logout"
                            class="navbar-link">Logout</a>
                    </p>

                    <ul class="nav">
                        <li class="active"><a
                            href="/services/videojet/v1/AddNewUserController/view">Add
                                New User</a></li>
                        <li><a
                            href="/services/videojet/v1/EditDeleteUsersController/view">Edit
                                / Delete User</a></li>
                        <li><a
                            href="/services/videojet/v1/EditMyInformationController/view">Edit
                                My Information</a></li>
                        <li><a href="/services/videojet/v1/UploadDocumentsController/view">Upload Documents</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <!-- Adding above new Top navigation -->
    <div  style =" padding-bottom: 20px;">
        <div class="container shadow">

            <div class="span11">
                <cq:include path="carouselparsys"
                    resourceType="foundation/components/parsys" />
            </div>

            <div class="row span11">
                <form class="form-horizontal"
                    action="/services/videojet/v1/AddNewUserController/addUser"
                    method="POST" enctype="multipart/form-data" id ="addNewUserForm">
                    <input type="hidden" name="flagField" id="flagField" value="0"/>
                    <div class="row span11">
                    <div class="control-group">
                        <label class="control-label" for="inputEmail"><cq:include path="zensarParsys" resourceType="foundation/components/parsys"/></label>
                        <div class="controls">
                            <input type="text" id="addNewUserUID" name="addNewUserUID"
                                class="input-xlarge" style="height: 30px;">
                        </div>
                    </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="inputPassword">First Name</label>
                        <div class="controls">
                            <input type="text" id="addNewUserFirstName"
                                name="addNewUserFirstName" class="input-xlarge"
                                style="height: 30px;">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Last Name</label>
                        <div class="controls">
                            <input type="text" id="addNewUserLastName"
                                name="addNewUserLastName" class="input-xlarge"
                                style="height: 30px;">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Email
                            Address</label>
                        <div class="controls">
                            <input type="text" id="addNewUserEmailId"
                                name="addNewUserEmailId" class="input-xlarge"
                                style="height: 30px;">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="inputPassword">HR
                            Representative</label>
                        <div class="controls">
                            <select class="input-xlarge" id="addNewUserHRRep"
                                name="addNewUserHRRep">
                                <c:forEach items="${hrList}" var="hr">
                                    <option value="${hr.repId}">${hr.firstName}
                                        ${hr.lastName}</option>
                                </c:forEach>
                            </select>
                        </div>

                    </div>
                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Non-Compete
                            Letter</label>
                        <div class="controls">
                            <input type="file" id="addNewUserNonCompeteLetter"
                                name="addNewUserNonCompeteLetter" style="height: 30px;">
                        </div>
                    </div>


                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Offer
                            Letter</label>
                        <div class="controls">
                            <input type="file" id="addNewUserOfferLetter"
                                name="addNewUserOfferLetter" style="height: 30px;">
                        </div>
                    </div>


                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Employee
                            Type</label>

                        <div class="controls">

                            <label class="checkbox inline"> <input type="radio"
                                id="addNewUserLocal" name="addNewUserType" checked="checked" value="1">
                                Local
                            </label> <label class="checkbox inline"> <input type="radio"
                                id="addNewUserField" name="addNewUserType" value="2">
                                Field
                            </label> <label class="checkbox inline"> <input type="radio"
                                id="addNewUserInternational" name="addNewUserType" value="3">
                                International
                            </label>
                            <label class="checkbox inline"> <input type="radio"
                                id="addNewUserInternational" name="addNewUserType" value="4">
                                Admin
                            </label>

                        </div>
                        <!-- the Div that brings them in line !!! -->
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="inputPassword">Special
                            Intructions</label>
                        <div class="controls">
                            <textarea rows="3" class="input-xlarge" id="addNewUserTextArea"
                                name="addNewUserTextArea"></textarea>
                        </div>
                    </div>

                    <div class="control-group">
                        <div class="control-label">
                            <button type="submit" class="btn btn-primary">Add User</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>
    <div id="footer">
        <cq:include path="addNewUserVideojetFooter"
            resourceType="foundation/components/parsys" />

    </div>



    <cq:includeClientLib js="videojetlib" />
    <cq:includeClientLib js="customcarousel" />
    <cq:includeClientLib js="bootstrapold" />

<!-- modal -->
    <div id="usderIdCheckModal" class="modal hide fade" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
        data-backdrop="static">

        <div class="modal-header">
            <h3 id="myModalLabel">Checking if User Id is available</h3>
        </div>
        <div class="modal-body" align="center">
            <div align="center">
                <img src="/content/dam/videojet/ajax-loader.gif"></img>
            </div>
            <p>Please Wait...</p>
        </div>

    </div>

<!-- Second Modal -->
<!-- modal -->
    <div id="notAvailableModal" class="modal hide fade" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
            <h3 id="myModalLabel">Warning</h3>
        </div>
        <div class="modal-body" align="center">
            <div align="center">

            </div>
            <p>This User Id already exists</p>
        </div>

    </div>
<script src="/etc/designs/videojet/clientlibs/js/addNewUserScript.js"></script>
</body>


</html>

最佳答案

可能在拖拽组件中有一个样式规则，比如 visible: hidden;更改为显示:无

关于css - CQ5 parsys 即使在预览模式下也会留下一些空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23781333/

24 4 0
文章推荐： ruby-on-rails - 如何从 SQLite3 迁移到 PostgreSQL
文章推荐： python大文件解析
文章推荐： Ruby:线程不运行
文章推荐： ruby - 我怎样才能得到特殊字符前的句子(比如 :) by Ruby?
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com