COMMUNITY FORUM

Will K2 be fully compatible with Joomla 4!

Start
Prev
1
Next
End

Klaus Veliu
Topic Author
Offline
Senior Member

5 years 7 months ago #168781 by Klaus Veliu

Will K2 be fully compatible with Joomla 4! was created by Klaus Veliu

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.

JoomlaWorks
Offline
Admin

5 years 7 months ago #168794 by JoomlaWorks

Replied by JoomlaWorks on 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.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Timothy Michel
Offline
Senior Member
Programming is a lot of work

5 years 2 months ago - 5 years 2 months ago #171041 by Timothy Michel

Replied by Timothy Michel on 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: 5 years 2 months ago by Timothy Michel. Reason: added more code

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

JoomlaWorks
Offline
Admin

5 years 2 months ago #171046 by JoomlaWorks

Replied by JoomlaWorks on 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).

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Timothy Michel
Offline
Senior Member
Programming is a lot of work

5 years 2 months ago #171047 by Timothy Michel

Replied by Timothy Michel on 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.

JoomlaWorks
Offline
Admin

5 years 2 months ago #171058 by JoomlaWorks

Replied by JoomlaWorks on topic Will K2 be fully compatible with Joomla 4!

K2 will gradually switch to CSS Grids in the coming updates :)

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Start
Prev
1
Next
End