How to customize extjs size of actionSheet and actionSheet's buttons?
So how I can customize buttons of actionSheet? Cls config doesn't work. I can change style of buttons only by ui config...
And how i can change size of actionSheet panel and size of actionSheet panel's element, for example: fields, buttons etc. Cause: a actionSheet looks great on dekstop, but so small on mobile.
Gracio!
javascript extjs web-applications extjs4 sencha-touch
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
add a comment |
So how I can customize buttons of actionSheet? Cls config doesn't work. I can change style of buttons only by ui config...
And how i can change size of actionSheet panel and size of actionSheet panel's element, for example: fields, buttons etc. Cause: a actionSheet looks great on dekstop, but so small on mobile.
Gracio!
javascript extjs web-applications extjs4 sencha-touch
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
add a comment |
So how I can customize buttons of actionSheet? Cls config doesn't work. I can change style of buttons only by ui config...
And how i can change size of actionSheet panel and size of actionSheet panel's element, for example: fields, buttons etc. Cause: a actionSheet looks great on dekstop, but so small on mobile.
Gracio!
javascript extjs web-applications extjs4 sencha-touch
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
So how I can customize buttons of actionSheet? Cls config doesn't work. I can change style of buttons only by ui config...
And how i can change size of actionSheet panel and size of actionSheet panel's element, for example: fields, buttons etc. Cause: a actionSheet looks great on dekstop, but so small on mobile.
Gracio!
javascript extjs web-applications extjs4 sencha-touch
javascript extjs web-applications extjs4 sencha-touch
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 16 '18 at 8:59
Tyomik_mnemonicTyomik_mnemonic
688
688
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
ExtJS has a specific config to adjust the size of the buttons:
scale : "small"/"medium"/"large"
The size of the Button. Three values are allowed:
'small'- Results in the button element being 16px high.
'medium'- Results in the button element being 24px high.
'large'- Results in the button element being 32px high.
Default value is: 'small'
This is in version 4
However in the Modern toolkit version, you will have to adjust the size via properties of CSS classes.
- cls
- instanceCls
- userCls
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53334461%2fhow-to-customize-extjs-size-of-actionsheet-and-actionsheets-buttons%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
ExtJS has a specific config to adjust the size of the buttons:
scale : "small"/"medium"/"large"
The size of the Button. Three values are allowed:
'small'- Results in the button element being 16px high.
'medium'- Results in the button element being 24px high.
'large'- Results in the button element being 32px high.
Default value is: 'small'
This is in version 4
However in the Modern toolkit version, you will have to adjust the size via properties of CSS classes.
- cls
- instanceCls
- userCls
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
add a comment |
ExtJS has a specific config to adjust the size of the buttons:
scale : "small"/"medium"/"large"
The size of the Button. Three values are allowed:
'small'- Results in the button element being 16px high.
'medium'- Results in the button element being 24px high.
'large'- Results in the button element being 32px high.
Default value is: 'small'
This is in version 4
However in the Modern toolkit version, you will have to adjust the size via properties of CSS classes.
- cls
- instanceCls
- userCls
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
add a comment |
ExtJS has a specific config to adjust the size of the buttons:
scale : "small"/"medium"/"large"
The size of the Button. Three values are allowed:
'small'- Results in the button element being 16px high.
'medium'- Results in the button element being 24px high.
'large'- Results in the button element being 32px high.
Default value is: 'small'
This is in version 4
However in the Modern toolkit version, you will have to adjust the size via properties of CSS classes.
- cls
- instanceCls
- userCls
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
ExtJS has a specific config to adjust the size of the buttons:
scale : "small"/"medium"/"large"
The size of the Button. Three values are allowed:
'small'- Results in the button element being 16px high.
'medium'- Results in the button element being 24px high.
'large'- Results in the button element being 32px high.
Default value is: 'small'
This is in version 4
However in the Modern toolkit version, you will have to adjust the size via properties of CSS classes.
- cls
- instanceCls
- userCls
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
answered Nov 16 '18 at 11:14
Daniel da Cunha BuenoDaniel da Cunha Bueno
1416
1416
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53334461%2fhow-to-customize-extjs-size-of-actionsheet-and-actionsheets-buttons%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
