Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Does Metronic Menu (Dropdowns) support Responsible Alignment


I need something like this data-bs-display="static"
To prevent insufficient bottom screen, it will automatically move up


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (6)


Hi,

Can you try to use data-kt-menu-static="true"?

Menu Options

Regards,
Sean



I have tried this, which is about whether to turn off when clicking on blank areas. What I'm talking about is about automatic upward movement



Hi,

By default the menu dropdowns are flipped based on the available parent viewport height.

You can consider disabling it in the component's source:
enabled: false in src/js/components/menu.js.

By adding popper "enabled" popper config:


var popperConfig = {
placement: placement,
strategy: strategy,
modifiers: [{
name: "offset",
options: {
offset: offset
}
}, {
name: "preventOverflow",
options: {
altAxis: altAxis
}
}, {
name: "flip",
options: {
enabled: false,
flipVariations: false
}
}]
};


Regards,
Sean



Still useless
<img src=" />


remove

{
 name: "preventOverflow",
 options: {
 altAxis: altAxis
 }
 }

This deletion is the effect I want, can we consider making it configurable


Hi,

Noted, we will make it configurable in a future update.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(