Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14469
Joined: 30 Sep 2006, 03:37

Re: tabs with grid.

26 Sep 2024, 01:57

Faust wrote:Thanks Karl. I will PM the credentials to you .
Ok, I have added basic tabs functionality and cleaned your HTML a bit so it's easy to see where to add/edit your HTML.
https://happyfeelings.co.uk/prices/

You will yourself need to edit the html to go inside each tab container, like you have done for the first one.
Code
<!-- premium -->
<div id="premium" class="pricing-container">
  Premium be here.
</div>
  
<!-- luxury -->
<div id="luxury" class="pricing-container">
  LUXURY here.
</div>
 
Faust
Experienced
Topic Author
Posts: 91
Joined: 05 Jun 2021, 01:07

Re: tabs with grid.

26 Sep 2024, 03:07

mjau-mjau wrote:
26 Sep 2024, 01:57
Faust wrote:Thanks Karl. I will PM the credentials to you .
Ok, I have added basic tabs functionality and cleaned your HTML a bit so it's easy to see where to add/edit your HTML.
https://happyfeelings.co.uk/prices/

You will yourself need to edit the html to go inside each tab container, like you have done for the first one.
Code
<!-- premium -->
<div id="premium" class="pricing-container">
  Premium be here.
</div>
  
<!-- luxury -->
<div id="luxury" class="pricing-container">
  LUXURY here.
</div>

Thanks a lot. Will do that.
 
Faust
Experienced
Topic Author
Posts: 91
Joined: 05 Jun 2021, 01:07

Re: tabs with grid.

26 Sep 2024, 06:13

Quick one Karl. I just having the issue of then flexible tabs and containers. Any idea how can I make this fixed? Thanks
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14469
Joined: 30 Sep 2006, 03:37

Re: tabs with grid.

26 Sep 2024, 11:28

Faust wrote: I just having the issue of then flexible tabs and containers.
I don't understand "the issue of then flexible tabs and containers". What is the question?
 
Faust
Experienced
Topic Author
Posts: 91
Joined: 05 Jun 2021, 01:07

Re: tabs with grid.

26 Sep 2024, 12:16

mjau-mjau wrote:
Faust wrote: I just having the issue of then flexible tabs and containers.
I don't understand "the issue of then flexible tabs and containers". What is the question?
Them buttons are not fixed within containers, not equal at the bottom.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14469
Joined: 30 Sep 2006, 03:37

Re: tabs with grid.

26 Sep 2024, 22:09

Faust wrote:Them buttons are not fixed within containers, not equal at the bottom.
I still don't see any question. I can see that the height of the boxes in the tabs are different of course, because the content of your tabs is different. This is entirely normal and logical, and something you need to take into consideration in the design process. The tabs themselves are working fine. I see you have built (or imported) substantial CSS/styles from elsewhere. I already spent time fixing your tabs for free as requested, but I can't just "fix" your CSS which is made from some external CSS, not part of X3, and perhaps not planned appropriately? First of all, I see that you are using a "narrow" layout for context module, which should probably be set to "default" instead so that there is more horizontal space. If you still need to fix things, you may need to adjust some font sizes ... For instance, I feel you at least need to get the title in each box on a single line. As for getting all "plans" boxes to in all tabs to get the same height, this is complicated and not naturally how html works.
 
Faust
Experienced
Topic Author
Posts: 91
Joined: 05 Jun 2021, 01:07

Re: tabs with grid.

27 Sep 2024, 03:47

Thanks Karl. I will change the context layout, and font size with hope of getting better results.