I need some advice on what the best practice is in adding Metronic 5.0 components into my ASP.NET zero template. I was expecting that Metronic 5 would include directives for Angular 2 but it is not the case and all components are set to a field via JQuery yet. For example how would I be able to include the Metroic 5 slider into my project? I have noticed that there is a PrimeNg slider directive in the project and once I included it into my main.module i can simply using its directive in my code. But how can I use Metronic ones? I can't find any angular directive for Metronic in the downloaded package! there are just some demo pages which all are using Javascript to bind html elements to components. I have not found the core javascripts code for the Metronic elements yet though!
I think it would be very helpful to have a tutorial on how to add extra metronic components into the template.
Related
I have a template built in zurb foundation for a sub-domain, i want to use foundation along side bootstrap in my laravel Vue app, entire site uses bootstrap but a subdomain template requires foundation. i have looked for solution but all of them are telling to remove bootstrap. any help ?
Mixing different CSS frameworks will not work as both manipulate the DOM, use the same class names and CSS classes in components and so on. You would have to prefix everything, encapsulate it and so on.
I'm starting a project with ASP.NET Boilerplate Angular Template but I want to change the UI theme for another as Core UI theme.
someone who has worked with ASP.NET Boilerplate Angular Template could help me?
I've changed the template in many times and what I dit was put all elements of new template in relative route in abp's base template, then after that I design again the default registers (Login screen, register, users, roles, tenant) because the HTML changes, I do the changes in at least 1 hour
(My english is not very well.)
I realize that Telerik has posted a roadmap to releasing an Angular 2 version for Kendo UI. That's awesome, however; our company has already begun developing using Angular 2 and our release map is not inline with Telerik's. One strategy we are considering is to use KendoUI Angular 1 directives and the Angular 2 UpgradeAdapter. This will enable us to use Angular 1 directives inside of a Angular 2 implementation.
Has anyone used the UpgradeAdapter to leverage Kendo UI Angular 1 directives inside of Angular 2 using upgradeNg1Component?
Thanks!
According to Laravel Documentation
In other frameworks, pagination can be very painful. Laravel makes it a breeze. Laravel can quickly generate an intelligent "range" of links based on the current page, and the generated HTML is compatible with the Bootstrap CSS framework.
My question is Foundation also compatible with Laravel's pagination?
There is nothing to stop Laravel pagination working with Foundation but the default HTML generated by Laravel is Bootstrap specific. There is no mention in the docs or API to suggest that it can generate Foundation-specific code.
You have two choices. One is to write your own custom code (covered elsewhere on Stack Overflow, although not specifically for Foundation)
The other option is to pull in a specific package that someone else has written:
Laravel 4
https://github.com/binarix/Laravel-Foundation-Pagination
Laravel 5
https://github.com/etcinit/foundation-pagination
You can easily pass the paginator data to your own view of a paginator. - Meaning you can do the following:
Create a folder named components in your views folder and then create a pagination view; after pass the pagination data to the component created and include it as shown below in any of your views.
Getting a paginated data set:
$yourPaginationData = App\YourModel::orderBy('id', 'desc')->with(['relation'])->paginate(15)
Including the pagination:
#include('components.pagination', ['paginator' => $yourPaginationData])
In the view, one can manipulate the pagination data as needed and create their own design and idea of pagination.
You can also find something open-source for foundation that was custom built to work with laravel here.
Does anyone know how to customise the rendering of the MVC sitemap provider so my ul element has a specific css class?
Try MvcSiteMapProvider hosted on CodePlex. You should be able to fairly easily migrate your existing Sitemap file to the slightly different but essentially compatible format. This will give you the ability to output your sitemap using the simple Html.MvcSiteMap().SiteMap() helper method.
The source of the project includes the default templates which you can edit to produce any rendering you like...or just pass in the name of a template in accordance with MVC convention. The model types you'll be rendering are SiteMapHelperModel, SiteMapNodeModel and SiteMapNodeModelList (namespaces removed for terseness).
I appreciate this may not be exactly what you're after as it relies on a 3rd party tool but its a useful project that supports much more than just rendering sitemaps. You'll want version 3.0.0 for MVC3.
Dan