Keyword

Will K2 be fully compatible with Joomla 4!

  • Klaus Veliu
  • Klaus Veliu's Avatar Topic Author
  • Offline
  • Senior Member
More
7 months 3 weeks ago #168781 by Klaus Veliu
Klaus Veliu created the topic: Will K2 be fully compatible with Joomla 4!
Hello,

As we all know Joomla versions are evolving, but the new major upgrade will be version 4.
I was wondering if K2 will be supported and maintained for Joomla 4?

Thank you!

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
7 months 3 weeks ago #168794 by Fotis
Fotis replied the topic: Will K2 be fully compatible with Joomla 4!
Yes, but a large portion of the underlying code has to be re-written so it's future compatible with continued changes in the Joomla API/framework. Honestly, it's become a very tiring process to change the API/framework every few years, so we need to get past that for good. The extra benefit is that K2 will be faster as well.


If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

  • Timothy Michel
  • Timothy Michel's Avatar
  • Offline
  • Senior Member
  • Programming is a lot of work
More
2 months 3 weeks ago - 2 months 3 weeks ago #171041 by Timothy Michel
Timothy Michel replied the topic: Will K2 be fully compatible with Joomla 4!
Fotis, I have been experimenting with CSS Grids and have actually used CSS Grids in the old Joomla Protostar template, and I have to say, I love CSS Grids. I read an article by one to the Mozilla developers who say that we can just change the Bootstrap class to CSS Grid classes and after reading that, I think we should replace the Bootstrap CSS with CSS Grids equivalents.

I would like to see Joomla 4.0 wholeheartedly embrace CSS Grids as I don't want to have to make these same replacements for Bootstrap 4 classes.

Have you talked to them?

/**** Bootstrap ****/

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px;
  padding-left: 0;
  padding-right: 0;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 1.127659574%;
  *margin-left: 1.0744680846383%;
}

 .row-fluid .span12 {
    width: 99.99999999%;
    *width: 99.946808500638%;
  }
  .row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.436170203638%;
  }
  .row-fluid .span10 {
    width: 82.978723396%;
    *width: 82.925531906638%;
  }
…

.row-fluid .offset12 {
  margin-left: 104.255319138%;
  *margin-left: 104.14893615928%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.127659564%;
  *margin-left: 102.02127658528%;
}
.row-fluid .offset11 {
  margin-left: 95.744680841%;
  *margin-left: 95.638297862277%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.617021267%;
  *margin-left: 93.510638288277%;
}
.row-fluid .offset10 {
  margin-left: 87.234042544%;
  *margin-left: 87.127659565277%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.10638297%;
  *margin-left: 84.999999991277%;
}
…

/**** CSS Grids ****/

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
}

.row-fluid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px;
 }

.row-fluid:before,
.row-fluid:after {
  display: none;
}
.row-fluid:after {
  clear: none;
}
.row-fluid [class*="span"] {
  display: inline-flex;
  grid-column: span12;
  min-height: 28px;
  box-sizing: border-box;
}

.row-fluid .span12 {
  grid-column: span12;
}

.row-fluid .span11 {
  grid-column: span11;
}

.row-fluid .span10 {
  grid-column: span10;
}
…

.row-fluid .offset12 {
  grid-area: 1 / 12 / 1 / 12; /* This would place all content in the 12th column. */
}

.row-fluid .offset12:first-child {
  grid-area: 1 / 12 / 1 / 12; /* This would place all content in the 12th column. */
}

.row-fluid .offset11 {
  grid-area: 1 / 11 / 1 / 12; /* This would place all content in columns 11 - 12. */
}

.row-fluid .offset11:first-child {
  grid-area: 1 / 11 / 1 / 12; /* This would place all content in columns 11 - 12. */
}

.row-fluid .offset10 {
  grid-area: 1 / 10 / 1 / 12;  /* This would place all content in columns 10 - 12. */
}

.row-fluid .offset10:first-child {
  grid-area: 1 / 10 / 1 / 12; /* This would place all content in columns 10 - 12. */
}

…

Thanks, Tim
Last edit: 2 months 3 weeks ago by Timothy Michel. Reason: added more code

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
2 months 3 weeks ago #171046 by Fotis
Fotis replied the topic: Will K2 be fully compatible with Joomla 4!
I'm afraid I don't have any connections to the Bootstrap team. If you meant the Joomla team, I guess you can open a ticket in Joomla's GitHub repo with your suggestion here: github.com/joomla/joomla-cms/issues (suggestion related to Joomla 4 are marked with [4.0] at the beginning of the issue title).


If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

  • Timothy Michel
  • Timothy Michel's Avatar
  • Offline
  • Senior Member
  • Programming is a lot of work
More
2 months 3 weeks ago #171047 by Timothy Michel
Timothy Michel replied the topic: Will K2 be fully compatible with Joomla 4!
What is you position on K2 and CSS Grids?

I think it is obvious that CSS Grids is the way layout is going to be done going forward.

Thanks, Tim

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
2 months 3 weeks ago #171058 by Fotis
Fotis replied the topic: Will K2 be fully compatible with Joomla 4!
K2 will gradually switch to CSS Grids in the coming updates :)


If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

Moderators: william white

Powered by Kunena Forum