Eclipse中的Primefaces预览 - 对话框太宽

时间:2016-07-30 10:07:11

标签: eclipse jsf primefaces

我的Primefaces表单在Web浏览器(Firefox)中似乎没问题,无论如何在Eclipse内部浏览器中它太宽(可能像4个屏幕宽)。 我认为这个问题不在代码中,无论如何附加。

Eclipse: enter image description here

Firefox: enter image description here

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
>

<h:head>
<h:outputScript library="javax.faces" name="jsf.js"/>
</h:head>

<h:body>


<br/>
<br/>

    <h:form prependId="false" id="form" styleClass="styleGreen">
    <p:panel id="panel" header="Login" style="width: 400px; position:relative; left:100px">

        <br/>
        <p:panelGrid columns="2">

            <p:outputLabel for="articleCount" value="Count"/>
            <p:inputText id="articleCount" value="#{articleBean.articleCount}" requiered="true" requiredMessage="Enter Count"/>     

            <p:outputLabel for="articleName" value="Name"/>
            <p:inputText id="articleName" value="#{articleBean.articleName}" requiered="true" requiredMessage="Enter Name"/>

            <p:outputLabel for="articleDescription" value="Description"/>
            <p:inputText id="articleDescription" value="#{articleBean.articleDescription}" requiered="true" requiredMessage="Enter Description"/>

        </p:panelGrid>

        <br/><br/>
        <p:commandButton id="saveBtn" value="Save" icon="ui-icon-save" action="#{articleBean.save}"/>
        <p:commandButton id="cancelBtn" value="Cancel" action="index"/>             


    </p:panel> 

    </h:form>

1 个答案:

答案 0 :(得分:2)

Eclipse的内部Web浏览器是一个史诗般的失败。如果您尊重Web Standards,请不要使用它。

将其更改为外部系统默认Web浏览器。

enter image description here

或者只是不在项目中使用 Run on Server 选项,只需通过服务器中的添加/删除项目将项目添加到服务器&#39 ; s上下文菜单,然后启动服务器,最后手动打开您喜欢的webbrowser中感兴趣的页面,如有必要,通过书签。