Page 1 of 1
Themeable menu issue
Posted: Sun Oct 23, 2022 5:04 pm
by Bluesman
Hi Pablo and other pro:s
Having a problem with the themeable menu about padding and placing of the submenu. I am using the Bootstrap mode.
I want to place the submenu lining with the main button at the right border and make the white background narrower.
Having testing the different alternatives for orientation and padding... I'm out of ideas
Testsite:
https://www.chevere.ec/virgin_merced/
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 5:24 pm
by Pablo
You can control the placement of the sub menu via the 'Orientation' property.
The minimum width of the sub menu is 160 pixels (Bootstrap default).
It can only be changed via code:
Code: Select all
.ThemeableMenu1 .dropdown-menu
{
min-width: 160px !important;
}
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 5:29 pm
by Bluesman
Pablo wrote: Sun Oct 23, 2022 5:24 pm
You can control the placement of the sub menu via the 'Orientation' property.
The minimum width of the sub menu is 160 pixels (Bootstrap default).
It can only be changed via code:
Code: Select all
.ThemeableMenu1 .dropdown-menu
{
min-width: 160px !important;
}
Hi Pablo... tnx for answering on a sunday
What comes to the placement I've tried the options in the "Orientation property" emptied the cash each time but it remains as is?
I shall test the code... do I change ".ThemeableMenu1" to the object name I have?
Shall it be between the head and head tag
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 5:47 pm
by Bluesman
For now having the orientation option "right end" is that correct?
What comes to the width of the background I cannot figure out were to place the code. I tried the "object html"?
But shall it be exactly as you wrote or changed... the object id?
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 6:39 pm
by Bluesman
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 6:40 pm
by crispy68
Place the code in html object set to between the <head> tags. You will need to add style tags like such:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu
{
min-width: 160px !important;
}
</style>
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 6:48 pm
by Bluesman
crispy68 wrote: Sun Oct 23, 2022 6:40 pm
Place the code in html object set to between the <head> tags. You will need to add style tags like such:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu
{
min-width: 160px !important;
}
</style>
Hi crispy... muchas gracias... that did the trick with the width for the background. Did you notice the other issue with the "orientation that I don't get to the right place?
I attached a demo project in the above post...
But now it works in mobilephone so it is not that important... but nice if the tools works as they should
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 7:13 pm
by crispy68
Are you wanting the text in the dropdown centered, left or right aligned?
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 7:21 pm
by Bluesman
crispy68 wrote: Sun Oct 23, 2022 7:13 pm
Are you wanting the text in the dropdown centered, left or right aligned?
Hi again crispy and tnx so much for answering on a sunday
The text shall be left aligned but the white background shall line with the right side of the initial button.
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 7:40 pm
by crispy68
Set the Orientation = bottom end
Add the code below:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu
{
min-width: 90px !important;
left:-4px !important;
}
</style>
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 7:58 pm
by Bluesman
crispy68 wrote: Sun Oct 23, 2022 7:40 pm
Set the Orientation = bottom end
Add the code below:
Code: Select all
<style>
.ThemeableMenu1 .dropdown-menu
{
min-width: 90px !important;
left:-4px !important;
}
</style>
Tnx again crispy... am out right now but will test when I return home... have a nice rest of sunday amigo
Re: Themeable menu issue
Posted: Sun Oct 23, 2022 8:34 pm
by Bluesman
Tnx cruspy... with a little finetuning t works ok. Good to know how to fix this