Kendo UI and Everlive together

[Chuck]

here is a new blog series I am putting together. It is about using Kendo UI and Everlive together. Part 1 is about putting the site together and getting views and layouts working. Part 2 coveers saving data to Everlive in an MVVM flavored way and also sending emails using Everlive

Part 1

Part 2

[Ivan Pelovski]

Hello Chuck,

Thank you for investing the time to talk about Kendo UI and Everlive. This is extremely valuable information for the community of developers involved in Telerik tools, and we really appreciate your efforts.

We spend some time to go over your blog post and we have a couple of recommendations that might help you for the future. 

• Don't put your account key or application Id in the source code. Right now, everyone can easily get access to all your apps using your account key or application ID. You should only expose your API Key in your application, because our security layer and all permissions are on top of it.

• There is no need to copy the Kendo UI observable objects before passing them to Everlive SDK functions - you can use them directly. Check the Everlive documentation for more info. We soon are going to upload a documentation that doesn't require a login. Stay tuned!

• You can actually send the email after the record is inserted straight from the Cloud Code in Everlive. You don't have to carry this logic on the client, and you can save the addition request to Everlive to send your email faster. Here is how you can use the Cloud Code to hook up for the AfterCreate event of your content type. Note that you can use the "response" object that contains the actual inserted item to get the email of the client.

Everlive.Events.afterCreate(function(request, response, context, done) {

    var templateName = "ContactEmail";
    var recipients = ['[e-mail]'];
    var emailContext = {
        CustomerName: "Welcome, John Smith"
    };

    Everlive.Email.sendEmailFromTemplate(templateName, recipients, emailContext, function(err, result) {
        //some other logic here...
        done();
    });
});

In Everlive and across our website, we usually use a library that will format your code on the page in order to make it easier for reading. SyntaxHighlighter for example is one that might help you make the code easier to read.

Happy coding and happy blog posting!

Regards,
Ivan Pelovski
Telerik

Big news for mobile app and .NET developers! Hear about it at our Release Keynote. Thursday, September 26th, 11AM EDT
Do you enjoy Icenium? Vote for it in Windows IT Pro Community Choice Awards as Best Cloud Computing Product or Service (Category 5).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.

[Chuck]

Thanks for the input. Based on your advice I have redone my site and started using Sitefinity. I have also implemented the code formatting from the RadEditor. Take a look and let me know what you think.

My latest post is Kendo UI the whole package - Part 3.

If you like please tweet it out. You guys are my best traffic source.

Chuck

[Hristo Borisov]

Hello Chuk,

Great to hear that you have moved your blog to Sitefinity! We have a marketplace that has a lot of paid and free templates and themes if you don't have the time to invest in building your own.

I have noticed that the link to your actual demo that is broken, you might want to change it to the following so that we can tweet about it and showcase your efforts to the Telerik community.

Regards,
Hristo Borisov
Telerik

Big news for mobile app and .NET developers! Hear about it at our Release Keynote. Thursday, September 26th, 11AM EDT
Do you enjoy Icenium? Vote for it in Windows IT Pro Community Choice Awards as Best Cloud Computing Product or Service (Category 5).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.

[Chuck]

Sorry about the broken link. It is now fixed. What do you think about the new site and the code formatting?

Another question about the live demo is how can I hide my credentials in code that is live? Any developer can easily use the dev tools in Chrome and see the js files.

[Ivan Pelovski]

Hello Chuk,

Great work! The code samples are much easier to read and follow. About hiding your credentials - you should not include them in any way in a client application. They should be kept on a server, e.g. in the Everlive Cloud Code as was suggested:
"You can actually send the email after the record is inserted straight from the Cloud Code in Everlive. You don't have to carry this logic on the client, and you can save the addition request to Everlive to send your email faster..."
Keep up the good work!

Regards,
Ivan Pelovski
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.