Forum Discussion

wilson_emma's avatar
wilson_emma
Helper
2 years ago

Assistance Needed with Custom Widget Development in Khoros Studio

Hi Khoros Community, I'm currently working on a project that involves developing a custom widget using Khoros Studio, and I've encountered a few challenges along the way. I was wondering if anyone i...
  • kkritika's avatar
    kkritika
    2 years ago

    Hi wilson_emma 

    Here are the answers to your concerns -
     
    #1 Data Binding in Custom Widget
    We need to first understand, what data is required to be binded. In case you want to fetch community data, eg: messages in the board/authors/nodes information etc. - you need to run API for that.

    #2 Responsive Design for Widgets rail
    For the responsive designs, you can either add media queries in SCSS file (Studio > Community Style > Community Skin) or use bootstrap for the same.

    #3 Debugging Technique
    To debug the issues, we can wrap the required code (which you think can cause issue) in Attempt/Recover. Use it as - <#attempt>ADD THE CODE HERE<#recover>${.error}</#attempt>. In case, the issue is with APIs i.e. APIs not rendering the results, we need to check the APIs by printing them within the code itself.
kkritika's avatar
kkritika
Mentor

Hi wilson_emma 

Here are the answers to your concerns -
 
#1 Data Binding in Custom Widget
We need to first understand, what data is required to be binded. In case you want to fetch community data, eg: messages in the board/authors/nodes information etc. - you need to run API for that.

#2 Responsive Design for Widgets rail
For the responsive designs, you can either add media queries in SCSS file (Studio > Community Style > Community Skin) or use bootstrap for the same.

#3 Debugging Technique
To debug the issues, we can wrap the required code (which you think can cause issue) in Attempt/Recover. Use it as - <#attempt>ADD THE CODE HERE<#recover>${.error}</#attempt>. In case, the issue is with APIs i.e. APIs not rendering the results, we need to check the APIs by printing them within the code itself.
wilson_emma's avatar
wilson_emma
Helper
2 years ago

Thanks Kritika!