maxwelldhsu
Guide
Joined 8 years ago
User Profile
User Widgets
Contributions
Load Blog Article Within Page, Within Componenet
Hi everyone! 2 questions: Is this function below actually possible in a lithium component? (this works on a pure HTML custom category page on lithium) Is there a better way to load articles within the same page? (so users don't need to click back, and read a board of articles) Context: I'm trying to load blog articles within a page, within a component. The article nav bar (vertical) would be on the left, and article page on the right. Trying to create an FAQ list (left Nav bar), that loads FAQ articles (right, page content) My Nav bar is this, where I do a REST api call for article titles, <#assign blog = rest("boards/id/videos/topics").node_message_context /> <ul> <#list blog.message as article> <li class="articlelinks"> <button id="${article.@view_href}">${article.subject}</button></li> </#list> </ul> The script that I have in the component is this, when I click a button, it loads the blog content to "div1". Using ".load" <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> $(document).ready(function(){ $('button').click(function(){ var blogurl = $(this).attr('id') $("#div1").load(blogurl +" .lia-component-body"); }); }); But it doesn't load the blog content. You can see the ".load(blogurl +" .lia-component-body", I am trying to grab only the article content part (not the title, or the Kudos, or comment section) To recap: Is this function actually possible in a lithium component? (this works on a pure HTML custom category page on lithium) Is there a better way to load articles within the same page? (so users don't need to click back, and read a board of articles) Really appreciate any input!99Views0likes1CommentAny workaround for Custom Content 50,000 Character Limit
I've made a purely HTML menu for the moment, However the entire code (plus CSS plus scripts) is over 50,000 characters, is there any other component, or custom html box I can input my code into without having this restriction?Solved225Views0likes2CommentsRe: Dynamic navigation menu and next steps
TariqHussain - A follow up question. I was actually trying to retrieve certain boards in a category. Your reply showed me exactly how to do that. I'm using the below: <#assign boards = rest("categories/id/travel_blog/boards/nested").boards /> <ul> <#list boards.board as board> <li><a href="${board.@view_href}">${board.title}</li> </#list> </ul> Which gives the output for example videos (boards with blog posts in them) Places to visit (boards with blog posts in them) Places to drink (boards with blog posts in them) My goal is to have these load across the top in tabs. Then if I click on a category, the blog titles within the categories will populate like a nav bar: List of blog titles. NEXT QUESTION is. How can I make it so that when I click the menu tab "Places to eat" - it will load all blog titles as links. Then if I click a blog title, it will load the blog body contents. (I wouldn't want to load as an iframe, but the just the blog contents) I know I'll need to make another REST call rest("boards/id/placestoeat/topics") This returns <node_message_context>, which then I'm trying to select the subject (blog post titles) for. I use the below which I can successfully pull the links and titles: <#assign blog = rest("boards/id/videos/topics").node_message_context /> <ul> <#list blog.message as article> <li><a href="${article.@view_href}">${article.subject}</li> </#list> </ul> How do I connect these two REST calls with clicks to show/hide the contents? Would I need to involve some jQuery now? Eg, using something like .click on title, then to load the div element of the blog contents?266Views0likes2CommentsDynamic 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 REST api to call out the categories. I'm using the one below: <assign# topics= rest("/categories/id/blog_topics/boards").messages /> Can someone explain to me what the .messages does? Or if I change to .title? - After this, I'm trying to get the categories title to display as links. Doing something like the below <a href=“${category.message.@href}”> ${category.message.subject}</a> This was an example I grabbed from here This is the one I'm trying to semi-follow but can't seem to make it possible for my community. https://community.lithium.com/t5/Developer-Discussion/How-To-Create-a-Category-Based-Navigation-Like-Lithosphere/m-p/34261 And direction/tips would be great !Solved339Views0likes5CommentsRe: Create RECENT, most POPULAR Discussion Component Based on landing page category board
TariqHussain Thanks for this! I'll read more on it. Quick question on the side. If I'd like to test a REST api call on Stage, however I'm calling my actual community site. How do I get it to work? On stage, it shows an error. I assume because the Board ID doesn't exist in stage, but on the live community. Thanks again!214Views1like1CommentCreate RECENT, most POPULAR Discussion Component Based on landing page category board
Hi everyone! I'm still a bit new to creating components on Lithium and would really appreciate some pointers. I'm trying to create a "Most popular Topics" component that depend on these factors: How recent each topic was (was it posted within this wee?) Total number of discussions taking place during specified time frame (the number of comments received during the one week period) Incoming the board that the current post is in (eg, if I googled, how to create landing pages, and it took me to an article in Lithium, I'd like to know what parent board is. So I an create this component... Since dont' we have to call articles based on which board they are in?) The board "ID" would need to be dynamic then right? Since I would not know which article board the landing page article is hosted on. Would anyone happen to know how to create something like this? and if so, perhaps leave a few line of code as practical examples. Thank you!233Views1like3Comments