Add Angular Js in PrimeFaces - JSF - angularjs

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

Related

Test Extjs 6.5 modern application in browser

I am new in using the latest version of ExtJs and I have a small app project created using Sencha Architect based on the Login example in ExtJS 6.5 modern. However, I cannot check if the UI is working. For the previous versions of ExtJS, I just open the index.html page, but for 6.5 modern, it does not work. Thanks for the help

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

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

How to create custom plugin for Joomla 3.3

I have a site on Joomla 2.5 with hikashop 1.5 and for recurring payment from eway payment gateway I have custom code on file /plugins/hikashoppayment/eway/eway.php, and this is working perfectly on my one live site www.clet.edu.au
Now I have another site on joomla 3.3 with hikashop 2.3 and I want to use same previous custom code for same file /plugins/hikashoppayment/eway/eway.php, so how can I integrate existing custom code in current site please help me how to do this for joomla 3.3 plugin.
You can use Custom HTML module application for creating modules or plug in for your website. This is very good application.

Include Third party Charting plugins with ExtJs 5

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.

Resources