Forum Discussion

cicibo's avatar
cicibo
Contributor
8 years ago

How to change the TKB article listing

Hi all, 

 

My plan is to change the default 'tkb.widget.article-list' . i just want to list the title and modified date and not displaying it in grid.

 

Rather than create a new custom component for that, maybe i can change the OOB component . Any idea on how to get it done?

 

I've tried to create a custom component but stuck on creating the paging for that list.

 

Default :

 

 

Custom :

 

 

Thanks in advance.

  • TariqHussain's avatar
    TariqHussain
    8 years ago

    cicibo- You can achieve this by reverting to TKB V2 as AbhishekIlindra mentioned. However, I will not recommend using an old version just to have a list layout.

     

    You can do it using below CSS.

    .lia-tkb-article-entry{
  width: 100%;
}

7 Replies

Sort By
  • TariqHussain's avatar
    TariqHussain
    Boss
    8 years ago

    cicibo- There are few options for this.

     

    1. You can make this in tiles using the CSS.
    2. You can change the TKB version to an older version as all the older version than 3.0 supports tiles by default. However, this is not recommended as you won't be able to enjoy latest features.

     

    Regarding the adding modified date. You can add OOTB component inside TkbCardArticle quilt. If you want to use the different format for the modified date as shown in the custom component, you can create a custom component and include it inside TkbCardArticle page.

     

    https://<yourcommunityurl>/t5/bizapps/bizappspage/tab/community%3Astudio%3Apage-editor?page=TkbCardArticle

  • cicibo's avatar
    cicibo
    Contributor
    8 years ago

    Where can i check the TKB version. I also cannot open the link you've shared.access denied

  • TariqHussain's avatar
    TariqHussain
    Boss
    8 years ago

    cicibo -  You can find it here.   Studio -> Features -> TKB 

     

    https://<yourcommunityurl>/t5/bizapps/page/tab/community%3Astudio%3Afeature-version

     

     

     

     

  • AbhishekIlindra's avatar
    AbhishekIlindra
    Boss
    8 years ago

    cicibo: If you revert back to the Version 2. It will be in the same UX as you expected.

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

    Thanks & Regards,
    Abhishek Illindra 

     

     

  • TariqHussain's avatar
    TariqHussain
    Boss
    8 years ago

    cicibo- You can achieve this by reverting to TKB V2 as AbhishekIlindra mentioned. However, I will not recommend using an old version just to have a list layout.

     

    You can do it using below CSS.

    .lia-tkb-article-entry{
  width: 100%;
}