Include Third party Charting plugins with ExtJs 5 - extjs

I need to use thirdparty charting apps (like highcharts) in my Extjs 5 app.
Need inputs on how this can be achieved. Please provide any guides / plugins available.
Thanks

You can use wrapper for extJs for highcharts.

Related

Charts in Ionic

Which charts are best suitable & responsive for mobile apps made through ionic framework? I tried using angular-nvd3 but it does work well with the mobile device interface. Can anyone suggest me charts which can be used in ionic apps for better responsiveness?
I would try and use the Chart.js - Angular charts extension. I've used it before and it works well although you might have to make some UI tweaks if necessary which is a given.
Check out this article
https://dzone.com/articles/using-charts-in-your-ionic-framework-mobile-app

Nativescript calendar plugin

Can anyone tell me how to use the calendar plugin in nativescript? And I am using only XML not with typescript. I need the calendar control exactly like as in Bookmyshow.
There are several options for calendar plugin.
The most extended one is the telerik-ui for NativeScript
The calendar is highly customisable and offers a lof of functionality.
You can see more about it here - keep in mind that this is a paid functionality.
Another option is to search for community-made nativescript calendar related plugins. Like this one here! Not familiar with it - it looks easy to work with.
The third option is to use date-picker. IF you are looking for a calendar in Android then you can open your app/App_Resources/Android/values-21 folder and open the file styles.xml and modify the default mode of the date picker from spinner to calendar.
Example:
<item name="android:datePickerMode">calendar</item>
You might be interested in the "Telerik UI for NativeScript" plugin. There is a free and pro version which contains a really slick looking and functioning calendar UI component.
More details about the plugins and their contents can be found here. Additionally you can take a look at the sdk examples regarding the RadCalendar component for both vanila and Angular 2 NativeScript.
I'm using this npm package:
https://www.npmjs.com/package/nativescript-calendar
"nativescript-calendar": "^1.0.7",
I juss created a wrapper over android-lib which help in rendering calendar in nativescript. checkout the plugin
https://www.npmjs.com/package/nativescript-calendar-weekview

Add Angular Js in PrimeFaces - JSF

I have already a project of JSF with PrimeFaces but now i need to add angular js in my project.
There are tags of primefaces so I don't know how to use primefaces with angular.
So please provide any demo or documentation to implement the Angular with primefaces.
Primefaces already developed PrimeNG But do not confuse PrimeNG is not the extension of JSF components. PrimeNG used AngularFaces to create PrimeNG components ?
What is PrimeNG ?
PrimeNG is a collection of rich UI components for AngularJS2. PrimeNG is a sibling of the popular PrimeFaces and its free to use under Apache License 2.0, a commercial friendly license. It has the same look and feel as the PrimeFaces components, so integration on that part should be (almost?) seamless.
For Setup
You have to follow the following link PrimeNG Setup
Quickstart
An example starter application based on angular2-quickstart is available at GitHub.
PrimeNG PRO Support
Premium Layouts and Themes for PrimeNG
PrimeNG PRO is a term based commercial support service
Currently PrimeNG 0.9 Released last March 28, 2016
Roadmap
Next version is 1.0.0-beta1 and we’ll do a couple of beta releases to bring the upcoming features including drag drop utils, google maps component, datatable enhancements, requests from PrimeNG users and more. Our aim is to sync the 1.0 release with the 1.0 final release of Angular2.
Add the below lines in angular-cli.json.
"styles": [
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeng/resources/themes/lightness/theme.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"styles.css"
]
OR
Copy & paste css from the themes file to style.css

Joomla not responsive

I recently migrated a website to Joomla, the old website used bootstrap and was responsive.
However, when I used the same template on the new website powered by Joomla it isn't responsive at all.
I thought it would be responsive by nature, is there any additional configuration to make to get it responsive ?
Note: I am not a web designer, so simple explanations would be great.
Basically Joomla works out of the box with some old style templates. Although bootstrap is already into the joomla libraries it doesn't mean that it is used.
Fortunately there are many free templates with their own framework that use bootstrap to have a ready to use responsive website.
I feel to suggest the helix framework http://www.joomshaper.com/helix , it is also very easy to use and customise.
Or the new gantry5 http://gantry.org/ but it doesn't use bootstrap
I would suggest to use Gantry 5 framework. It is free, light and easy to use if you are not a developer.
It does support Bootstrap but they are using there own responsive framework.
http://gantry.org

ExtJS Integration of CKEditor

We plan to use ExtJS with CKEditor.
I saw that there is a port of TinyMCE for ExtJS.
Is it be possible to write a CKEditor wrapper for ExtJS?
What I am concerned most about is the event handling (ExtJS defines its own implementation).
I found some information about the TinyMCE port for ExtJS: https://github.com/Qtx/TinyMCETextArea5/blob/master/doc/instructions.pdf
Thank you for sharing your experience about this topic in advance.
There is an extension for ExtJS 3 available on GitHub:
https://github.com/tocco/extjs3-ckeditor-extension
We use it in production, it works fine.

Resources