Forum Discussion

maxwelldhsu's avatar
maxwelldhsu
Guide
8 years ago
Solved

Dynamic navigation menu and next steps

I'm trying to create a dynamic menu based on categories. The categories will serve as main topics, which you can then click into to show the blog articles.    First step, I know I need to use a RES...
  • TariqHussain's avatar
    TariqHussain
    8 years ago

    maxwelldhsu - You are using the wrong call to fetch the categories. 

     

    To fetch the categories use the below calls. 

    <#assign Categories = rest("/categories/nested").categories/>

    https://community.lithium.com/restapi/vc/categories/nested

     

    <#assign topics= rest("/categories/id/blog_topics/boards").messages /> is key here which is returned in xml response and .title will not work there.  In the link you have mentioned, they are fethcing the messages for the boards call .messages will produce error. 

     

    <#assign boards = rest("/boards/nested").boards /> 

    https://community.lithium.com/restapi/vc/boards/nested

    e.g for the board call below is the response 

     
    <response status="success">
<boards>
  <board type="board" href="/blogs/id/socialmediablog">
  <interaction_style type="string">blog</interaction_style>
  <user_created type="boolean">false</user_created>
  <blog type="boolean">true</blog>
  <id type="string">socialmediablog</id>
  <owner type="user" null="true"/>
  <short_title type="string">Social Media Management Blog</short_title>
  <title type="string">Social Media Management Blog</title>
  <description type="string">
  Home to best practices, success stories and product roll-outs for Lithium Social Media Management.
  </description>
 </board>
  .....

    In order to access the title of the board, you have to loop through all the boards with #list. You can not access the title key directly. 

    <#assign boards = rest("/boards/nested").boards /> 

    <#list boards.board as board>

    ${board.title}

    </#list>

     
TariqHussain's avatar
TariqHussain
Boss
8 years ago

maxwelldhsu - Yes, you will need to use JQuery to perform the show and hide function.  Suggestion regarding your code,  you can use API V2 in the place of API V1, it will save you multiples calls. e.g 

API V1

<#assign blog = rest("boards/id/videos/topics").node_message_context />
<ul>
<#list blog.message as article>
<#assign articleBody = rest("/messages/id/${article.id}/body").value />
<li>
  <a href="${article.@view_href}">${article.subject}</a>
  <p class="article-body">${articleBody}</p>
</li>

</#list>
</ul>

API V2

 

<#assign blog = rest("2.0", "/search?q=" + "select id,view_href,subject,body from messages where board.id = 'videos' and depth = 0"?url).data.items![] />
<ul>
<#list blog as article>
<li>
  <a href="${article.view_href}">${article.subject}</a> 
  <p class="article-body">${article.body}</p>
</li>

</#list>
</ul>

You can toggle the article-body by using jQuery and set it hidden on the page load. 

 

 

maxwelldhsu's avatar
maxwelldhsu
Guide
8 years ago

Thanks TariqHussain, I'll try this later and let you know how it goes!