Forum Discussion

wilson_emma's avatar
wilson_emma
Helper
11 months 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
    11 months 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
11 months 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.
  • wilson_emma's avatar
    wilson_emma
    Helper
    11 months ago

    Thanks Kritika!