desktop - FORUM - Ning Creators Social Network2024-03-28T15:33:03Zhttps://creators.ning.com/forum/topics/feed/tag/desktopReactor2: Responsive Design for Ning 2.0 Networkshttps://creators.ning.com/forum/topics/reactor2-responsive-design-for-ning-2-0-networks2015-03-31T02:50:05.000Z2015-03-31T02:50:05.000ZRonhttps://creators.ning.com/members/Ron<div><p>Hey All NCs,</p>
<p>I am pleased to announce our upcoming <em>Responsive Grid and Design Support</em> for <strong>Ning 2.0</strong> networks, with our new add-on service and engine framework in development, <strong>Reactor2 Theme Engine</strong>.</p>
<p></p>
<p><a href="http://storage.ning.com/topology/rest/1.0/file/get/558172?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/558172?profile=original" width="340" class="align-center"></a></p>
<p></p>
<p></p>
<p>Feature Summary:</p>
<ul>
<li>provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).</li>
<li>Make your Ning 2.0 sections and pages that look great at any size.</li>
<li>Ning 2.0 Header Menu, Pop-up Modal Compatibility and Support.</li>
<li>Keep your base design elements with the default Ning Design Studio and enhance it with <em>Reactor2 Design Center</em>.</li>
<li>Designer Friendly.</li>
</ul>
<p>Please note that this is a different method and will be based on a <span style="text-decoration: underline;">solid responsive framework</span>. ;-)</p>
<p>More details, screenshot and video will be posted soon. Please send your feedback or questions here or at our <a rel="nofollow" href="http://goo.gl/fTQKhR" target="_blank">support page</a>.</p>
<p>Cheers :-)</p></div>Tip: How To Make a Windows Live Tile for your Ning Networkhttps://creators.ning.com/forum/topics/tip-how-to-make-a-windows-live-tile-for-your-ning-network2014-06-04T18:31:50.000Z2014-06-04T18:31:50.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p><a target="_blank" href="http://www.buildmypinnedsite.com/"><img class="align-right" src="http://storage.ning.com/topology/rest/1.0/file/get/557692?profile=original" width="411"></a>If youve been looking for a simple way to make a Windows 8 Live Tile for your members, today is your lucky day. With Windows 8.1, people can pin your website as a live tile on to their Windows start screen. This is a live tile so it will automatically pull new stories from your site’s RSS feed and may even show them as notifications inside the tile.</p>
<p> Activity feed for 3.0 looks similar to this:</p>
<p><a href="http://YOURNETWORK.ning.com/activity/log/rss">http://YOURNETWORK.ning.com/activity/log/rss</a></p>
<p>2.0 Ning networks it will be something like this:</p>
<p><a href="http://YOURNETWORK.ning.com">http://YOURNETWORK.ning.com</a><a rel="nofollow" href="http://landsurveyorsunited.com/activity/log/list?fmt=rss" target="_blank" style="color: #1155cc; font-family: monospace; font-size: 10px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;">/activity/log/list?fmt=<span class="il" style="color: #222222; background: #ffffcc;">rss</span></a></p>
<p></p>
<p>Just head over to <a rel="nofollow" href="http://www.buildmypinnedsite.com/en" target="_blank">buildmypinnedsite.com</a>, upload your site’s logo, add your RSS feed URL and it will generate the meta tags that you can put in the HEAD of your website template. You can also see <a rel="nofollow" href="http://www.hanselman.com/blog/MakeAWindows81PinnedLiveTileForYOURWebsiteInMinutes.aspx" target="_blank">Scott Hanselman’s blog</a> for the more technical details.</p>
<p>After you've uploaded your logo and chosen the size of your tile, it will generate a block of code for you to add to your Custom Code section which looks similar to this:</p>
<p><span class="titleCode"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="application-name"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">=" Land Surveyors United"/></span><br></span> <span id="backgroundCode"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-TileColor"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="#000000"/></span><br></span> <span id="tinySquare"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-square70x70logo"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="<span style="color: #99cc00;">tiny.png</span>"/></span><br></span> <span id="square"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-square150x150logo"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="<span style="color: #99cc00;">square.png</span>"/></span><br></span> <span id="wide"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-wide310x150logo"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="<span style="color: #99cc00;">wide.png</span>"/></span><br></span> <span id="largeSquare"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-square310x310logo"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="<span style="color: #99cc00;">large.jpg</span>"/></span><br></span> <span id="notifications"><span style="color: #0000ff;"><</span><span style="color: #800000;">meta</span> <span style="color: #ff0000;">name</span><span style="color: #0000ff;">="msapplication-notification"</span> <span style="color: #ff0000;">content</span><span style="color: #0000ff;">="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://landsurveyorsunited.com/activity/log/list?fmt=rss&amp;id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=http://landsurveyorsunited.com/activity/log/list?fmt=rss&amp;id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=http://landsurveyorsunited.com/activity/log/list?fmt=rss&amp;id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=http://landsurveyorsunited.com/activity/log/list?fmt=rss&amp;id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=http://landsurveyorsunited.com/activity/log/list?fmt=rss&amp;id=5; cycle=1"/></span></span></p>
<p>You'll want to choose the DOWNLOAD option>extract to a folder on your computer > upload the images and replace the 4 URLs in green above with the uploaded image URLS. Done!</p>
<p>Wanna use a different feed than your activity feed? take a look at this tip for finding it..</p>
<h3 class="entry-title"><a href="http://creators.ning.com/forum/topics/rss-tip-how-to-find-the-perfect-feeds-for-your-network">RSS Tip: How to Find the Perfect Feeds For Your Network</a></h3>
<h3>Related Tips for Desktop Gateways</h3>
<h3 class="entry-title"><a href="http://creators.ning.com/forum/topics/howto-create-a-google-chrome">How-to Create A Google Chrome Web App for Your Ning</a></h3>
<h3 class="entry-title"><a href="http://creators.ning.com/forum/topics/how-to-add-your-chrome-web-app">How To Add Your Chrome Web App to the Web Store</a></h3>
<p></p>
<p>If you need help setting up your network for primetime, <a href="http://creators.ning.com/members/JFarrow" target="_self">give me a shout</a>! Hope this tip helps you all..</p></div>How To: Turn Your Network into A Desktop Applicationhttps://creators.ning.com/forum/topics/how-to-turn-your-network-into2010-09-13T00:44:01.000Z2010-09-13T00:44:01.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>Here is a cool and quick time-saving tip for the NC on the move. If you are using Google Chrome (which you should be-hint hint), turn YOUR NETWORK into a desktop application in 2 simple steps:<br> <br> 1) Load <a href="http://yournetwork.ning.com">http://yournetwork.ning.com</a> in your browser and Click on the wrench icon on the top right side of browser, hover over Tools<br> 2) Click the option for Create Application Shortcut and press save and you're done!</p>
<div>
<p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/543752?profile=original"></p>
</div>
<p><br> I did this for my network <a rel="nofollow" href="http://landsurveyorsunited.com">Land Surveyors United</a> and it works like a charm...enjoy!</p></div>