Google App Скрипт между виджетами

Question

Я использую скрипты Google для создания веб-приложения. Вы можете видеть, что существует сумасшедшее количество интервалов между текстом пароля и текстовым полем пароля. Как настроить этот интервал?

Вот мой код: функция doGet() { вар приложение = UiApp.createApplication();

var mygrid = app.createGrid(2, 2); 
    mygrid.setWidget(0, 0, app.createLabel('Incomplete Challenges').setStyleAttributes(css.Title)); 
    mygrid.setWidget(1, 0, app.createLabel('Password:').setStyleAttributes(css.Inputs)); 
    mygrid.setWidget(1, 1, app.createPasswordTextBox().setName("text")); 

    var mybutton = app.createButton('Submit'); 

    var submitHandler = app.createServerClickHandler('getResults'); 
    submitHandler.addCallbackElement(mygrid); 
    mybutton.addClickHandler(submitHandler); 

    var mypanel = app.createVerticalPanel(); 
    mypanel.add(mygrid); 
    mypanel.add(mybutton); 
    app.add(mypanel); 

    return app; 
} 

Заранее спасибо. более

Одна вещь, я использую некоторые CSS в другом файле .gs ... здесь ниже:

var css={}; 
css.Title = { fontFamily:'Fantasy', fontSize:'24px', width: '250', marginTop:'5'}; 
css.Labels = { fontFamily:'Verdana', fontSize:'12px', width: '100', marginTop: '5'}; 
css.Inputs = { fontFamily:'Verdana', fontSize:'12px', width: '70'}; 
css.TextArea = { fontFamily:'Verdana', fontSize:'12px', width: '200', height: '50'}; 
css.PutBorder = {borderStyle: 'solid'}; 

Answer 1

Сетка виджет, который сохраняет ту же ширину одного столбца в каждой строке , Самая широкая метка в столбце определяет ширину этого столбца, так что результат, который вы получаете, логичен.

Вы можете просто поставить первый ярлык вне сетки, как показано ниже:

function doGet(){ 
    var app = UiApp.createApplication(); 
    var mypanel = app.createVerticalPanel().setStyleAttributes(css.mypanel); 
    var mygrid = app.createGrid(2, 2); 
    mypanel.add(app.createLabel('Incomplete Challenges').setStyleAttributes(css.Title)); 
    mygrid.setWidget(0, 0, app.createLabel('Password:').setStyleAttributes(css.Inputs)); 
    mygrid.setWidget(0, 1, app.createPasswordTextBox().setName("text")); 

    var mybutton = app.createButton('Submit'); 

    var submitHandler = app.createServerClickHandler('getResults'); 
    submitHandler.addCallbackElement(mygrid); 
    mybutton.addClickHandler(submitHandler); 

    mypanel.add(mygrid); 
    mypanel.add(mybutton); 
    app.add(mypanel); 

    return app; 
} 

var css={}; 
css.mypanel = { padding : '25px'}; 
css.Title = { fontFamily:'Fantasy', fontSize:'24px', width: '250', marginTop:'5'}; 
css.Labels = { fontFamily:'Verdana', fontSize:'12px', width: '100', marginTop: '5'}; 
css.Inputs = { fontFamily:'Verdana', fontSize:'12px', width: '70'}; 
css.TextArea = { fontFamily:'Verdana', fontSize:'12px', width: '200', height: '50'}; 
css.PutBorder = {borderStyle: 'solid'}; 

результат: