WBbuilder panel中设置文本框和label宽度按照百分比显示

在使用WebBuilder过程中，遇到了一个问题，在一个panel下如何实现多行多列文本框和按钮按照百分比进行展示。并进行操作。如图（半成品图，比较丑）

难点在我看来主要是右边有个弹出框，会影响到左边panel的宽度，如果直接使用WebBuilder拖拽按钮，布局比这个还难看，并且设置按钮和label属性有限制，我是没办法实现WebBuilder百分比占宽的。最后选择了直接用HTML5来写。但是页面是使用WebBuilder来写的，再写HTML写在哪个位置我就不太清楚了，最后问了同事和慢慢的试出来了。

1.页面布局在panel的html属性下写的。2.设置按钮点击事件从module中的finalHtml写的<script ></script >.3.js代码中又加入了Wb.request调用别的页面进行SQL语句的操作，最重返回数据。

 

其中在第二步的时候获取panel能获取到，但是直接给panel设置背景图片设置不了，最后用的原始的方式document.getElementById("panel-1068-body").style=“”添加的。