JillianB
Genius
Joined 14 years ago
User Profile
User Widgets
Contributions
RWD 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!188Views1like0CommentsHow do I edit mobile community-links?
I'm building out a mobile version of our community and progress wasgoing 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!166Views0likes1CommentHow 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 groupand 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:312Views0likes4CommentsHeader with Category IF Statement?
After quite a bit of research, community breaking, and hair pulling I've determined that created a separate header for a sub-community in my larger community domain just isn't going to work. I won't go into all the various aspects that aren't cooperating - but trust me, they are extensive. Eek! What I am curious to know is if there is a way of creating a header with an image component (community logo) that can display a different image depending on category. I'll break it down: Category: Livelihood-Talk (Main Community - Visible by all visitors, registered and non-registered) - Display "The Community" logo Category: Instructor (Sub-Community - Visible to only those with VIC role) - Display "Virtual Instructor Community" logo Is there any way at all to make this work? I know I can make components themselves visible by role, but this time I have two images that need to look at the category in which the page falls and display the correct logo instead. Thank you for any help at all. It is unbelievably appreciated.Solved327Views0likes8Comments