Ширина кнопки Dojo в процентах

Question

У меня есть кнопка Dojo внутри области содержимого Dojo.

Я настроил ширину кнопки Dojo в процентах, но она не действует.

button = new dijit.form.Button({
    id: "mybutton",
    label: "title",
    style: "width: 70%; top: 10px; left: 20px;"
}, ContentPane);

node = button.domNode;
node.style.position = "absolute";
node.style.left = "10px";
node.style.top = "20px";
node.style.width = "70%";

Отображение кнопки на основе кнопки "свойство label », фактически не занимающее 70% ширины ContentPane.

Answer 1

Во-первых, в вашем CSS, определите класс следующим образом:

.claro .dijitButton .dijitButtonNode, .button {
    width : 70%;
}

(замените .claro тем именем вашей темы, которое вы используете).

Затем в вашем javascript простоделать:

// Assuming your contentPane div has an id "contentPane"
var contentPane = dijit.byId("contentPane");
var button = new dijit.form.Button({
    id: "mybutton",
    label: "title",
    class : "button"
});
contentPane.set("content", button);