More in this section
Categories
Bloggers
Blogs RSS feed

All Sitefinity Features Revealed in a Site and a Mobile App

by Peter Filipov

Two years ago, the Sitefinity team released a sample application showcasing the major features of the CMS and how to use them. As time passed and technologies and methodologies changes, our application fell behind.

The truth is that we need to cover the entire experience starting from a modern looking website and ending with a fast performing mobile app. That is why we completed a revamp of the “Quantum” sample application with a mobile app powered by NativeScript. These examples can be used as a guideline for your development with Sitefinity.

 
TL;DR

Get the website and the mobile app source code. Set up NativeScript, host the site on IIS, configure the the endpoints in the app.js file and run it in the emulator. Enjoy the new look and feel and start tweaking everything.  

Why we need everything on one place?

Using many  features in one codebase is a perfect way to help developers understand how to structure and combine them when they want to build a big and complex site. It might seems obvious that the focus is on the core features of the CMS, but they are the foundation of each project.  Blogs, news, events and forums are the main data entities on the site and we are showing them with new layouts with navigation through categories.

 
 

Storing documents is another capability demonstrated in the downloads section.  

 

When it comes to events, the built-in calendar widget comes in handy. The control gives you adaptive and responsive rendering suitable for different devices.

Custom modules, user management, forums and multilingual support are key parts of every modern site, so that applies here as well.

 

What we had until now?

Don’t get me wrong, I love the old version of “Quantum,” but it is old. The design of the site is outdated and needed to be changed. One of the most important things about a website is its look and feel, and, with the new version, we are following the latest trends in site design. You can see the difference from the screenshots below.

 

Regarding to functionality, the first version of the web site covers everything that is needed, while in v2.0, specific endpoints for mobile apps are added.

 

What technologies are used?

In v1.0 the web app heavily relies on WebForms but in v2.0 everything is rewritten in MVC and Feather because they are faster and lighter. The Bootstrap framework is used to help make the site responsive.

Mobile support and why it is so important

To have a complete development story today, you need to run on mobile devices flawlessly. The responsiveness of a website is not something that the developers can consider whether to do or not. This is priority number one for many companies.

With the help of Bootstrap, the site has responsive/adaptive components, but, many times, this is not enough. In these cases, you can go one step further and implement a mobile app with Sitefinity and NativeScript.
 

If you are wondering what NativeScript is and whether you have the skillset to develop with it, the answer is simple - yes, you can and you can use your current set of skills to start right away. For more details review “Every ASP.NET WebForms Developer is Mobile developer”.

To get started with the demo, set up NativeScript, download the source code from here, host your “Quantum” application on IIS, configure the endpoints from the app.js file and run it. Keep in mind that the app is optimized for HD resolution.

 
 
 

 

How do I log in?

Create a user only with “Users” role in the BackEnd and login to the app.

How can I test it with a live URL?

When you create an account in sitefinity.com you will have the option to create a sandbox instance of the Quantum sample to play with.

Outcome

With the above samples you will be able to kick start how to create web sites and mobile apps. So feel free to download the project, host them locally, start tweaking everything and learn by doing.

18 comments

Leave a comment
  1. Liana Apr 21, 2018
    Upgrading to another CMS of any sort is for the most part a smart thought to guarantee you're exploiting the most recent in include/usefulness. It likewise ordinarily diminishes potential security vulnerabilities. Be that as it may, bouncing in head initially is never a smart thought. It once in a while goes as easily as publicized on the back of the case. These tips are adroit and will make things runs best coursework writing services online much smoother with your Sitefinity upgrade.
  2. Albina Apr 24, 2018
    Thanks for this article very helpful. thanks. http://artsinbloom.com
  3. game May 10, 2018
    the game thanks
  4. MONIKA Jun 07, 2018
    Thanks for a wonderful share. Your article has proved your hard work and experience you have got in this field. Brilliant .i love it reading.Law firms in Boston MA
  5. MONIKA Jun 07, 2018
    Great survey, I'm sure you're getting a great response.crypto ira
  6. MONIKA Jun 07, 2018
    Thanks for sharing us.generator servicing
  7. MONIKA Jun 07, 2018
    Your website is really cool and this is a great inspiring article.pakej percutian
  8. MONIKA Jun 07, 2018
    Hi! Thanks for the great information you havr provided! You have touched on crucuial points!interior painting Walpole MA
  9. MONIKA Jun 07, 2018
    Love what you're doing here guys, keep it up!..Miami Business Phone Systems
  10. MONIKA Jun 07, 2018
    I am glad you take pride in what you write. This makes you stand way out from many other writers that push poorly written content.Detectives privados Madrid
  11. MONIKA Jun 07, 2018
    Excellent information on your blog, thank you for taking the time to share with us. Amazing insight you have on this, it's nice to find a website that details so much information about different artists.customised earring singapore
  12. MONIKA Jun 07, 2018
    Great! It sounds good. Thanks for sharing..Laurence Bras
  13. MONIKA Jun 08, 2018
    Only aspire to mention ones content can be as incredible. This clarity with your post is superb and that i may think you’re a guru for this issue. High-quality along with your concur permit me to to seize your current give to keep modified by using approaching blog post. Thanks a lot hundreds of along with you should go on the pleasurable get the job done.singapore shirt printing services
  14. MONIKA Jun 08, 2018
    I felt very happy while reading this site. This was really very informative site for me. I really liked it. This was really a cordial post. Thanks a lot!.Zwembaden
  15. MONIKA Jun 09, 2018
    I found this is an informative and interesting post so i think so it is very useful and knowledgeable. I would like to thank you for the efforts you have made in writing this article.hoodie printing singapore
  16. asik qq Jun 12, 2018
    I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much.asik qq
  17. MONIKA Jun 14, 2018
    I really loved reading your blog. It was very well authored and easy to undertand. Unlike additional blogs I have read which are really not tht good. I also found your posts very interesting. In fact after reading, I had to go show it to my friend and he ejoyed it as well!likes para instagram
  18. Monika Jun 22, 2018
    Thanks a lot for sharing us about this update. Hope you will not get tired on making posts as informative as this.article source

    Leave a comment