You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

#102146 Custom framework/class for Column

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by GFCOM on Monday, 09 December 2019 12:21 GMT

Monday, 09 December 2019 09:57 GMT

GFCOM
Hi Ryan,

Is it possible to add custom classes or custom framework for column plugin ?
My front-end template use UIkit v2 and/or Bootstrap 3 (or custom with Gantry 5) and I think unfortunate to load additional CSS for columns if my template supports them !

I know I can use custom template with Template Manager but I think it's less user-friendly.

Thanks !

Regards

Monday, 09 December 2019 12:11 GMT

Ryan
The easiest solution is to add a few extra classes to your template, then select the Yoothem UIKit CSS Framework option in Editor Profiles -> Plugin Parameters -> Columns. You will need to install JCE Pro 2.8.2 Beta 3 for this - https://www.joomlacontenteditor.net/downloads/editor/pro/development/jce-pro-2-8-2-dev - as this includes a few changes to add some support for UIKit 2 alongside UIKit 3. The css styles you need to add to your template are: 

.uk-child-width-expand>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
}

[class*="uk-child-width"]>* {
    box-sizing: border-box;
    width: 100%;
}

@media (min-width:640px) {
    .uk-child-width-expand\@s>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-child-width-expand\@m>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-child-width-expand\@l>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

.uk-flex-auto {
    flex: auto;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Monday, 09 December 2019 12:21 GMT

GFCOM
Hi Ryan,

Perfect as always !

Thanks