Features Layout on Non-Main Pages - Ning Design Network2024-03-28T19:29:22Zhttp://design.ning.com/forum/topics/features-layout-on-non-main-pages?commentId=6330953%3AComment%3A13283&feed=yes&xn_auth=nowould it be possible to add m…tag:design.ning.com,2012-09-13:6330953:Comment:144762012-09-13T20:49:15.392ZJFarrowhttp://design.ning.com/profile/JFarrow
<p>would it be possible to add modules which exist on the home page on to other "pages" by recreating the HTML and adding the custom CSS in the header management area of a new page?<br></br> <br></br> <cite>Florence Tsai said:</cite></p>
<blockquote cite="http://design.ning.com/forum/topics/features-layout-on-non-main-pages#6330953Comment11708"><div><div class="xg_user_generated"><p>Hello,</p>
<p>Sorry for the delay in the response! If you're asking specifically about members' My Page, members can set…</p>
</div>
</div>
</blockquote>
<p>would it be possible to add modules which exist on the home page on to other "pages" by recreating the HTML and adding the custom CSS in the header management area of a new page?<br/> <br/> <cite>Florence Tsai said:</cite></p>
<blockquote cite="http://design.ning.com/forum/topics/features-layout-on-non-main-pages#6330953Comment11708"><div><div class="xg_user_generated"><p>Hello,</p>
<p>Sorry for the delay in the response! If you're asking specifically about members' My Page, members can set their video module to showing "0" and the module will not appear to other members. Any modules that don't display content will not appear to other members looking at the profile page. Members can also move around the layout of their page if the NC allows them to (under Dashboard > Members > Controls > My Page Permissions).</p>
<p>And yes, you can add specific CSS to specific modules. For the Events module, use the selector:</p>
<p>#xg_body .xg_module.module_events</p>
<p> </p>
<p>For the newsfeed, use the selector:</p>
<p>#xg_body #xg_network_activity</p>
<p>For future reference, there are several ways you can find out what selectors you need to target (aside from simply viewing page source); if you use Firefox, you can download the add-on <a rel="nofollow" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=search">Firebug</a>, or if you use Chrome, you can simply right-click and select "Inspect Element" to take a closer look at the HTML. Both of these can be very useful tools when you want to customize the look of your network. Hope that answers your question!</p>
</div>
</div>
</blockquote> Hello Again :)
I'm still work…tag:design.ning.com,2012-05-15:6330953:Comment:139442012-05-15T09:01:00.073ZTobias Selzerhttp://design.ning.com/profile/TobiasSelzer
<p>Hello Again :)</p>
<p>I'm still working on my project and have to realize, that hiding ALL SEPERATE boxes insn't that easy. I have several textboxes on the mainpage and don't really think they're all having their own name.</p>
<p>A snipped of my sourcecode:</p>
<blockquote><p><span class="nodeLabelBox repTarget">span class="nodeTag">div</span><span class="nodeAttr editGroup"> <span class="nodeName editable">class</span>="<span class="nodeValue editable">xg_3col first-child…</span></span></p>
</blockquote>
<p>Hello Again :)</p>
<p>I'm still working on my project and have to realize, that hiding ALL SEPERATE boxes insn't that easy. I have several textboxes on the mainpage and don't really think they're all having their own name.</p>
<p>A snipped of my sourcecode:</p>
<blockquote><p><span class="nodeLabelBox repTarget">span class="nodeTag">div</span><span class="nodeAttr editGroup"> <span class="nodeName editable">class</span>="<span class="nodeValue editable">xg_3col first-child last-child</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_columncount</span>="<span class="nodeValue editable">3</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_maxembedwidth</span>="<span class="nodeValue editable">650</span>"</span><span class="nodeBracket editable insertBefore">></span></p>
<div class="nodeChildBox"><div class="nodeBox containerNodeBox selected"><div class="nodeLabel"><img class="twisty"/><span class="nodeLabelBox repTarget">strong><span class="nodeTag">div</span><span class="nodeAttr editGroup"><strong> <span class="nodeName editable">class</span>="</strong><span class="nodeValue editable"><strong>xg_module html_module module_text</strong> xg_reset</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">hasdefaultcontent</span>="<span class="nodeValue editable">false</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_maxlength</span>="<span class="nodeValue editable">100000</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_defaultbody</span>=""</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_title</span>="<span class="nodeValue editable">Das bietet dir die UML-Mitgliedschaft</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">updateurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/html/embed/updateEmbed?id=141%2Fhomepage%2Findex&xn_out=json" target="_blank">http://unternehmermeineslebens.ning.com/html/embed/updateEmbed?id=1...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">url</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/html/embed/setValues?id=141%2Fhomepage%2Findex&xn_out=json&maxEmbedWidth=650" target="_blank">http://unternehmermeineslebens.ning.com/html/embed/setValues?id=141...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">dojotype</span>="<span class="nodeValue editable">HtmlModule</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-module_name</span>="<span class="nodeValue editable">text</span>"</span><span class="nodeBracket editable insertBefore">></span></span></div>
</div>
<div class="nodeBox containerNodeBox"><div class="nodeLabel"><img class="twisty"/><span class="nodeLabelBox repTarget">strong><span class="nodeTag">div</span><span class="nodeAttr editGroup"><strong> <span class="nodeName editable">class</span>="</strong><span class="nodeValue editable"><strong>xg_module html_module module_text</strong> xg_reset</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">hasdefaultcontent</span>="<span class="nodeValue editable">false</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_maxlength</span>="<span class="nodeValue editable">100000</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_defaultbody</span>=""</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_title</span>="<span class="nodeValue editable">So wirst du UML-Mitglied</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">updateurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/html/embed/updateEmbed?id=139%2Fhomepage%2Findex&xn_out=json" target="_blank">http://unternehmermeineslebens.ning.com/html/embed/updateEmbed?id=1...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">url</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/html/embed/setValues?id=139%2Fhomepage%2Findex&xn_out=json&maxEmbedWidth=650" target="_blank">http://unternehmermeineslebens.ning.com/html/embed/setValues?id=139...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">dojotype</span>="<span class="nodeValue editable">HtmlModule</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-module_name</span>="<span class="nodeValue editable">text</span>"</span><span class="nodeBracket editable insertBefore">></span></span></div>
</div>
<div class="nodeBox containerNodeBox"><div class="nodeLabel"><img class="twisty"/><span class="nodeLabelBox repTarget">span class="nodeTag">div</span><span class="nodeAttr editGroup"> <span class="nodeName editable">id</span>="<span class="nodeValue editable">xg_network_activity</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">class</span>="<span class="nodeValue editable">xg_module xg_module_activity indented_content column_2</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_privacysettingsurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/profiles/profile/privacySettings" target="_blank">http://unternehmermeineslebens.ning.com/profiles/profile/privacySet...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_settingsurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/main/activity/edit" target="_blank">http://unternehmermeineslebens.ning.com/main/activity/edit</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_setvaluesurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/activity/embed/setValues?id=104%2Fhomepage%2Findex&xn_out=json" target="_blank">http://unternehmermeineslebens.ning.com/activity/embed/setValues?id...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_excerptlengthset</span>="<span class="nodeValue editable">500</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_displayset</span>="<span class="nodeValue editable">detail</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_excerptlengthoptionsjson</span>="<span class="nodeValue editable">[100,250,500,1000]</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_numoptionsjson</span>="<span class="nodeValue editable">[{"label":"0","value":"0"},{"label":"4","value":"4"},{"label":"8","value":"8"},{"label":"12","value":"12"},{"label":"16","value":"16"},{"label":"20","value":"20"}]</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_displayoptionsjson</span>="<span class="nodeValue editable">[{"label":"Detailansicht","value":"detail"},{"label":"Nur Titel","value":"titles"}]</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-get-items-url</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/activity/index/getActivityItems?xn_out=json" target="_blank">http://unternehmermeineslebens.ning.com/activity/index/getActivityI...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-excerpt-length</span>="<span class="nodeValue editable">500</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-owner-name</span>=""</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_activitynum</span>="<span class="nodeValue editable">12</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_refreshurl</span>="<span class="nodeValue editable"><a href="http://unternehmermeineslebens.ning.com/activity/embed/refresh?id=104%2Fhomepage%2Findex&xn_out=json" target="_blank">http://unternehmermeineslebens.ning.com/activity/embed/refresh?id=1...</a></span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_embedlocatorid</span>="<span class="nodeValue editable">104/homepage/index</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_maxembedwidth</span>="<span class="nodeValue editable">650</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_columncount</span>="<span class="nodeValue editable">2</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_activityoptionsavailable</span>="<span class="nodeValue editable">1</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_isadmin</span>="<span class="nodeValue editable">1</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">_isprofile</span>=""</span><span class="nodeAttr editGroup"> <span class="nodeName editable">data-module_name</span>="<span class="nodeValue editable">activity</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable">dojotype</span>="<span class="nodeValue editable">ActivityModule</span>"</span><span class="nodeBracket editable insertBefore">></span></div>
</div>
</div>
<div class="nodeCloseLabel"><span class="nodeCloseLabelBox repTarget"></<span class="nodeTag">div</span>></span></div>
<div class="nodeCloseLabel"><span class="nodeCloseLabelBox repTarget"></<span class="nodeTag">div</span>></span></div>
</blockquote>
<p></p>
<p>I want to handle the two bold divs depend if you are logged in or not. How to do this I already learnt but here I don't see a specified name, how I can call them in my handeling. You are having an idea?</p>
<p></p>
<p>Best Tobi</p> Hi Tobias!
Unfortunately chan…tag:design.ning.com,2012-03-09:6330953:Comment:132952012-03-09T01:28:57.475ZFlorence Tsaihttp://design.ning.com/profile/FlorenceTsai
<p>Hi Tobias!</p>
<p>Unfortunately changing the layout for other pages is not currently built into our product. We've gotten several requests for it though, so it's on our radar, but we won't be implementing that capability anytime soon. If you're familiar with JQuery, you can try using it to accomplish what you're looking to do, but otherwise I wouldn't suggest it.</p>
<p>And yes, hiding modules is easy! Just wanted to make sure that wasn't what you were asking.</p>
<p>Hi Tobias!</p>
<p>Unfortunately changing the layout for other pages is not currently built into our product. We've gotten several requests for it though, so it's on our radar, but we won't be implementing that capability anytime soon. If you're familiar with JQuery, you can try using it to accomplish what you're looking to do, but otherwise I wouldn't suggest it.</p>
<p>And yes, hiding modules is easy! Just wanted to make sure that wasn't what you were asking.</p> Hey Florence,
I want to rearr…tag:design.ning.com,2012-03-07:6330953:Comment:134792012-03-07T06:32:30.386ZTobias Selzerhttp://design.ning.com/profile/TobiasSelzer
<p>Hey Florence,</p>
<p>I want to rearrange the placement of the modules for pages other than the main page.</p>
<p></p>
<p>I guess hiding certain modules is easy with the "display:none;", isnt it?</p>
<p>Hey Florence,</p>
<p>I want to rearrange the placement of the modules for pages other than the main page.</p>
<p></p>
<p>I guess hiding certain modules is easy with the "display:none;", isnt it?</p> Hi Tobias,
Sorry, just to mak…tag:design.ning.com,2012-03-07:6330953:Comment:132892012-03-07T00:14:49.894ZFlorence Tsaihttp://design.ning.com/profile/FlorenceTsai
<p>Hi Tobias,</p>
<p>Sorry, just to make sure you get the answer you're looking for:</p>
<p>Do you mean you want to rearrange the placement of the modules for the pages other than the Main page and My Page? (because on those 2 pages, you can control where the modules go)</p>
<p>Or did you just mean you want to be able to hide certain modules on certain pages?</p>
<p>Hi Tobias,</p>
<p>Sorry, just to make sure you get the answer you're looking for:</p>
<p>Do you mean you want to rearrange the placement of the modules for the pages other than the Main page and My Page? (because on those 2 pages, you can control where the modules go)</p>
<p>Or did you just mean you want to be able to hide certain modules on certain pages?</p> Hello Florence,
I don't think…tag:design.ning.com,2012-03-06:6330953:Comment:132832012-03-06T09:21:30.702ZTobias Selzerhttp://design.ning.com/profile/TobiasSelzer
<p><span>Hello Florence,</span></p>
<p><span>I don't think that all questions are answered.</span></p>
<blockquote><p><span>For example, is it possible to remove the "videos" module from the "my page" (profile page).</span></p>
</blockquote>
<p><span>I understand, that he (and me too) wants to know if its possible to arrange the modules speperate for every site. For example on the Main page the modules textarea, videos and birthdays. But on the MyPage only the modules Textarea and Videos - and…</span></p>
<p><span>Hello Florence,</span></p>
<p><span>I don't think that all questions are answered.</span></p>
<blockquote><p><span>For example, is it possible to remove the "videos" module from the "my page" (profile page).</span></p>
</blockquote>
<p><span>I understand, that he (and me too) wants to know if its possible to arrange the modules speperate for every site. For example on the Main page the modules textarea, videos and birthdays. But on the MyPage only the modules Textarea and Videos - and not birthdays.</span></p> Hello,
Sorry for the delay in…tag:design.ning.com,2011-11-28:6330953:Comment:117082011-11-28T20:59:09.817ZFlorence Tsaihttp://design.ning.com/profile/FlorenceTsai
<p>Hello,</p>
<p>Sorry for the delay in the response! If you're asking specifically about members' My Page, members can set their video module to showing "0" and the module will not appear to other members. Any modules that don't display content will not appear to other members looking at the profile page. Members can also move around the layout of their page if the NC allows them to (under Dashboard > Members > Controls > My Page Permissions).</p>
<p>And yes, you can add specific CSS…</p>
<p>Hello,</p>
<p>Sorry for the delay in the response! If you're asking specifically about members' My Page, members can set their video module to showing "0" and the module will not appear to other members. Any modules that don't display content will not appear to other members looking at the profile page. Members can also move around the layout of their page if the NC allows them to (under Dashboard > Members > Controls > My Page Permissions).</p>
<p>And yes, you can add specific CSS to specific modules. For the Events module, use the selector:</p>
<p>#xg_body .xg_module.module_events</p>
<p> </p>
<p>For the newsfeed, use the selector:</p>
<p>#xg_body #xg_network_activity</p>
<p>For future reference, there are several ways you can find out what selectors you need to target (aside from simply viewing page source); if you use Firefox, you can download the add-on <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=search">Firebug</a>, or if you use Chrome, you can simply right-click and select "Inspect Element" to take a closer look at the HTML. Both of these can be very useful tools when you want to customize the look of your network. Hope that answers your question!</p>