Ant Design - Make Menu Uncollapsable/Unfoldable
I am using Ant Design with React. Ant Design has a menu component: https://ant.design/components/menu/
Is it possible to make the menu uncollapsable/unfoldable? I read the documentation, and there was no parameter to turn off folding/collapsing.
reactjs antd
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
add a comment |
I am using Ant Design with React. Ant Design has a menu component: https://ant.design/components/menu/
Is it possible to make the menu uncollapsable/unfoldable? I read the documentation, and there was no parameter to turn off folding/collapsing.
reactjs antd
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01
add a comment |
I am using Ant Design with React. Ant Design has a menu component: https://ant.design/components/menu/
Is it possible to make the menu uncollapsable/unfoldable? I read the documentation, and there was no parameter to turn off folding/collapsing.
reactjs antd
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
I am using Ant Design with React. Ant Design has a menu component: https://ant.design/components/menu/
Is it possible to make the menu uncollapsable/unfoldable? I read the documentation, and there was no parameter to turn off folding/collapsing.
reactjs antd
reactjs antd
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
asked Nov 23 '18 at 2:18
Roymunson
1,62721638
1,62721638
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01
add a comment |
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01
add a comment |
1 Answer
1
active
oldest
votes
Antd Inline Menu This gives you a menu that does not collapse.
Moreover it is only collapsible when you give the
inlineCollapsed={this.state.collapsed}
props to Menu Component
answered Nov 23 '18 at 5:49
Lucifer
18111
Inline menu is collapsible. I have tried :<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >and the menu is definitely collapsible.
– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
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%2f53439917%2fant-design-make-menu-uncollapsable-unfoldable%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
Antd Inline Menu This gives you a menu that does not collapse.
Moreover it is only collapsible when you give the
inlineCollapsed={this.state.collapsed}
props to Menu Component
answered Nov 23 '18 at 5:49
Lucifer
18111
Inline menu is collapsible. I have tried :<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >and the menu is definitely collapsible.
– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
add a comment |
Antd Inline Menu This gives you a menu that does not collapse.
Moreover it is only collapsible when you give the
inlineCollapsed={this.state.collapsed}
props to Menu Component
answered Nov 23 '18 at 5:49
Lucifer
18111
Inline menu is collapsible. I have tried :<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >and the menu is definitely collapsible.
– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
add a comment |
Antd Inline Menu This gives you a menu that does not collapse.
Moreover it is only collapsible when you give the
inlineCollapsed={this.state.collapsed}
props to Menu Component
answered Nov 23 '18 at 5:49
Lucifer
18111
Antd Inline Menu This gives you a menu that does not collapse.
Moreover it is only collapsible when you give the
inlineCollapsed={this.state.collapsed}
props to Menu Component
answered Nov 23 '18 at 5:49
Lucifer
18111
answered Nov 23 '18 at 5:49
Lucifer
18111
answered Nov 23 '18 at 5:49
Lucifer
18111
answered Nov 23 '18 at 5:49
Lucifer
18111
18111
Inline menu is collapsible. I have tried :<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >and the menu is definitely collapsible.
– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
add a comment |
Inline menu is collapsible. I have tried :<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" >and the menu is definitely collapsible.
– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
Inline menu is collapsible. I have tried :
<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" > and the menu is definitely collapsible.– Roymunson
Nov 23 '18 at 15:15
Inline menu is collapsible. I have tried :
<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" > and the menu is definitely collapsible.– Roymunson
Nov 23 '18 at 15:15
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
Yeah, this really is not true and even if it was it would be bad to be forced to use an inline menu.
– mumpitz
Dec 7 '18 at 15:41
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53439917%2fant-design-make-menu-uncollapsable-unfoldable%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
Did you find a solution to this? I currently have the same problem.
– mumpitz
Dec 7 '18 at 15:38
Unfortunately, I couldn't find a solution.
– Roymunson
Dec 7 '18 at 22:01