Ant Design - Make Menu Uncollapsable/Unfoldable












1















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.










share|improve this question























  • 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
















1















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.










share|improve this question























  • 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














1












1








1








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.










share|improve this question














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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 23 '18 at 2:18









RoymunsonRoymunson

1,28421643




1,28421643













  • 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











  • 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












1 Answer
1






active

oldest

votes


















-1














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






share|improve this answer
























  • 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













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
});


}
});














draft saved

draft discarded


















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









-1














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






share|improve this answer
























  • 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


















-1














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






share|improve this answer
























  • 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
















-1












-1








-1







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






share|improve this answer













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







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 23 '18 at 5:49









LuciferLucifer

196111




196111













  • 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











  • 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






















draft saved

draft discarded




















































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.




draft saved


draft discarded














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





















































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







Popular posts from this blog

Create new schema in PostgreSQL using DBeaver

Deepest pit of an array with Javascript: test on Codility

Costa Masnaga