JillianB
Genius
Joined 14 years ago
User Profile
User Widgets
Contributions
Studio for Dummies (or for those who just have too much going on at once)
As I sat in the developer track classes at LiNC I noticed a familiar expression of the faces of several others who sat around me: excitement and intrigue mixed with a strong look on confusion. Shiny new features... but how do I make it happen!? As one of those wearing that face, I think I know why. Some of us Lithium customers wear A LOT of hats. We're the community manager, moderator, graphic designer, trainer, developer, and many other things. We would love to be able to focus on just one of those things and be a total expert - but that wouldn't be possible. It leaves us an expert in some things, an intermediate in most, and a total newbie in some critical elements. I think many of us can agree that Studio and all things coding tends to be the most difficult. As evident from the developer track and conversations with several Lithium developers, proficiency in Studio and necessary programming languages is a career all in it's own. I'm fairly sure I'm not the only Lithium customer who often finds themselves sifting through dozens and dozens of Developer Community posts trying to make sense of where this code goes, why, and exactly what am I reading. I'm probably also not the only one who has broken their community so badly in stage they held their breath until a rollback actual loaded correctly. I know we can post in the developer community, but I think we're reluctant to clutter that workspace with how-to questions. So, I'd like to suggest an intermediate developer community of sorts. I'd love to see more articles aimed at folks who know how to make changes in Studio, but aren't sure how to work with intricate code; articles on how to make some easy refreshes to the appearance of your community (changing color, logos, headers); and intros to how to write Rest API for components. Can we make it happen?6.5KViews7likes6CommentsRWD Maximum Width?
I've been reading all sorts of tutorials, documentation, etc. and I think I'm likely just missing the obvious. How does one set the maximum width of a community in the responsive design? I'm familiar with grids, XAML, and all that fun stuff, but I'm still stumped and every solution I've thought of would have adverse affects in other parts of the design. And I see where to set the breakpoints that use the min width, but nothing regarding max width. All I'm trying to do is tell my community as a whole that I don't want it ever being any wider than about 1000px (exact width TBD). This includes the header, components, footer, etc. Anything outside the max width should be the background color. Thanks!46Views0likes0CommentsRe: New to lithium. Need API help!
Hi Niqolus! I've always found the developer documentation section really helpful. You can find that here: http://community.lithium.com/t5/Developer-Documentation/bd-p/dev-doc-portal?section=communityconcepts Depending on what you're looking to do, the Community V1 section is fantastic and you can search for methods such as "title" and it will return all methods that involve "title". You can find that here: http://community.lithium.com/t5/Developer-Documentation/bd-p/dev-doc-portal?section=commv1 I haven't had a chance to look around Community V2 yet, but it has a similar idea. You can use both V1 and V2, so here's the landing page for V2: http://community.lithium.com/t5/Developer-Documentation/bd-p/dev-doc-portal?section=commv2 And finally, I've always found it helpful to use a box to test API's in before trying to build them into modules or components just so you know your API is definitely working and it isn't some other part of the code. You'll see an example of the "box" URL on this page about blog titles: http://community.lithium.com/t5/Developer-Documentation/bd-p/dev-doc-portal?section=commv1&leaf-id=Blog.title#Blog.title Hope this helps!148Views1like0CommentsRe: Collapsible widgets - A code sample
Apologies for posting on an old post, but this is definitely the best place to ask a follow up question... How do I start out my modules collapsed instead of expanded? Everything provided above works perfect (I wish I could give dozens of kudos!), but in our situation we're trying to let users expand categories they're interested in. It's a space concern and makes for good UX. Thank you SO much for writing this wonderful post!189Views1like0CommentsHow do I edit mobile community-links?
I'm building out a mobile version of our community and progress was going great... until I try to modify the community-links component. I'm stumped, so I was hoping someone else could help me out. Ideally I'd like to move my PM, search, and profile icons down to the navigation bar and modify "Forums" to point to the correct category. Any help or resources is very appreciated! Thank you!167Views0likes1CommentHow do I use two <#if> in a component?
I'm currently using an <#if> in my component to show one image if the corenodeID is a certain group and another image is anything else. I now need to complicate things and add in another <#if> to show another image, but I can't seem to figure out how to make it work. Adding in another <#if> leaves it open, but closing it causes all sorts of bizzarre issues such as two logos showing up on certain pages and none on others. Any ideas on how to make this work? And yes, I'm a total newbie at coding. :smileyembarrassed: Thank you! <#if coreNode.id?? && ((coreNode.id == "Instructor") || (coreNode.id == "Income") || (coreNode.id == "BlockWorksIC") || (coreNode.id == "TTSVirtual") || (coreNode.id == "Skills") || (coreNode.id == "FTF") || (coreNode.id == "BestPractices") || (coreNode.id == "Resources"))> <div class='VIC_community_logo'> <a href="/t5/Instructor-Community/ct-p/Instructor" class="VICcommunityLogo" title="Virtual Instructor Community">Virtual Instructor Community</a> <span class="tagline">Collaborating for success.</span> </div> <#if coreNode.id?? && ((coreNode.id == "BlockWorks") || (coreNode.id == "PersonalRet") || (coreNode.id == "Training") || (coreNode.id == "BusinessRet") || (coreNode.id == "BWResources"))> <div class='VIC_community_logo'> <a href="/t5/BlockWorks/ct-p/BlockWorks" class="BWcommunityLogo" title="BlockWorks District Advocate Community">Blockworks District Advocate Community</a> <span class="tagline">Collaborating for success.</span> </div> <#else> <div class='hrb_community_logo'> <a href="/" class="communityLogo" title="The Community">The Community</a> <span class="tagline">Looking at life through tax.</span> </div> </#if> </#if>Solved152Views0likes3CommentsRe: Header with Category IF Statement?
Hmm. Looks awesome and makes sense to me. Any idea why it would be throwing this as a response though? I did change the category to match mine (Instructor). I know "Instructor" definitely exists. FreeMarker template error The following has evaluated to null or missing: ==> category [in template "preview" at line 3, column 6] Tip: If the failing expression is known to be legally null/missing, either specify a default value with myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthessis: (myOptionVar.foo)!myDefault, (myOptionVar.foo)?? The failing instruction (FTL stack trace): ---------- ==> #if category.id == "Instructor" [in template "preview" at line 3, column 1] Thank you!295Views0likes2CommentsRe: Header with Category IF Statement?
Thank you all for your input! Due to time constraints and experience, I think I'm going to try and go with the second solution (IF statement). In the future (and with more time) I know a custom skin would be super helpful and my team has already starting discussing it as a plan. With that being said, I understand the principle behind the IF statement, but I'm a little fuzzy on how to incorporate it into my existing header logo component. Right now, I have two different logo components which will ideally be combined into one. Here's the main community logo: <div class='hrb_community_logo<#if page.name == "CommunityPage"> hidelogo</#if>'> <a href="/" class="communityLogo" title="The Community">The Community</a> <span class="tagline">Looking at life through tax.</span> </div> And here's the sub-community logo: <div class='VIC_community_logo<#if page.name == "CommunityPage"> hidelogo</#if>'> <a href="/t5/custom/page/page-id/VIC" class="VICcommunityLogo" title="Virtual Instructor Community">Virtual Instructor Community</a> </div> I see how to use IF with <img src>, but I'm unsure where to put it when I'm dealing with <div class>. The only part of the CSS file that I need to change for each image is just the file location itself. They can be the exact same size, alignment, etc. Thank you all SO much for your help. If I ever meet you at LiNC in the future, I owe you all drinks. :smileyvery-happy:312Views0likes4Comments