0

如何减小 primefaces 中 gmapInfoWindow 的窗口大小?

根据我所看到的,maxWidth 根本不起作用,因为我将它设置为 50 为 50 像素,但窗口的大小始终为 247 像素。

有没有办法改变它?

这是直接来自 chrome 的 div 标签:

<div style="position: absolute; left: 0px; top: 0px; width: 247px; height: 88px; overflow: hidden; -webkit-user-select: none; background-color: white; border: 1px solid rgb(171, 171, 171); "></div>

这是 gmap 的 gmapInfoWindowCode:

<p:gmap>
    <p:gmapInfoWindow id="infoWindow">
                <table border="0" padding="0" cellspacing="0">
                    <tr class="custom-header-tr"><td><h:outputText value="#{mapBean.marker.data.name}"/></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.ping()}" styleClass="custom-link" update="infoMessages">Ping Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.syncToDevice()}" styleClass="custom-link" update="infoMessages">Sync to Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.syncFromDevice()}" styleClass="custom-link" update="infoMessages">Sync from Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.checkSync()}" styleClass="custom-link" update="infoMessages">Check Sync</p:commandLink></td></tr>
                </table> 
            </p:gmapInfoWindow>
        </p:gmap>

截屏

4

0 回答 0