I'm using ASP.NET Boilerplate Core with Angular 2 version 2.0.2 which still uses the ngx-bootstrap theme as supposed to the latest Material theme.
Is there a datepicker built-in or must I follow the instructions from the old forums to load bootstrap-datepicker myself?
On a side-note: Do the free templates implement the Metronic theme, or is it removed and only available in ASP.NET Zero?
Datepicker and Metronic are not included in the ASP.NET Boilerplate free template. Metronic is in the ASP.NET Zero base solution.
The ngx-bootstrap theme used by the old ABP 2.0.2. template does include a datepicker. Follow their usage example to implement it.
The free templates do not include the Metronic theme.
One issue of ngx-bootstrap Datepicker is it is inline, to use the Calendar as popup you can use PrimeNg Calendar input component. Follow the setup instruction .Then add calender control following the instruction.
ASP.NET Boilerplate has a built-in javascript data picker named moment date picker
Related
Piranha CMS uses Bootstrap 4.1.1 out of the box. The question is just this, is there any opportunity to use other css framework? I mean to use it in client part of the project. I understand that it's possible to customize WYSIWYG editor to use any classes from any css framework, but in preview in manager module of Piranha CMS one will not see correct page view as cms uses Bootstrap 4.1.1.
As Piranha is a decoupled CMS you can use any css framework you want in your client application. The wysiwyg editor in the Admin UI can be styled with custom style sheets, but the concept here is not to mimic 100% the front end application, rather give the editor a good hint of what he/she is doing.
When you click preview in the admin it will actually open a new page that contains an iframe with the actual site, so here the editor will see the actual layout of the content.
Best regards
If I was creating a custom WP theme using ZURB Foundation, but my client needed a page builder to help build pages and/or posts in the future (say it's for a photographer who constantly posts photos in a structured grid), would it be poor practice to combine using a CSS framework and Page Builder? Is there any forks of Page Builder that have implemented a popular CSS framework (Bootstrap, ZURB Foundation)?
I am using Pagebuilder with a Foundation6 Framework. Works like a charm, as PB overrides styles and is responsive out of the box. But you can easily add new widgets. I combined the custom widgets (with F6 styles) and the original PB Widgets. So i got a perfect install.
you can get started here: https://siteorigin.com/docs/widgets-bundle/getting-started/creating-a-widget/ I really recommend to download the example files from github which are found here: https://github.com/siteorigin/so-dev-examples
good luck ;) If you need support for custom F6 Widgets tell me :)
All the best
The Visual Style Guide of the Web Starter Kit provides a couple of elements as reference for your own development. However, I wonder why no forms are provided. In contrast, Bootstrap offers handy form helpers. Why is there no such thing for Web Starter Kit.
Note, I have found these two guides:
Forms and User Input
Create Amazing Forms
But where is the tl;dr copy paste solution?
In the next version of Web Starter Kit we are hoping to add some things around this:
Form elements from the material design spec.
Change the styleguide to have some example forms.
This should be out late january with any bit of luck. You can see the work on the material-sprint branch if you are super keen: https://github.com/google/web-starter-kit/tree/material-sprint
At this date, Web Starter Kit uses Material Design Lite.
What you are looking for, is the style guide / reference of Material Design Lite:
Components: https://getmdl.io/components/index.html
Styles: https://getmdl.io/styles/index.html
EDIT: Looks like Material Design Lite is deprecated and being replaced by Material Design Components. See Why was material design lite(MDL) deprecated with MDC?
I have database with events and now need to show it by month on site.
Can you suggest any free components with customizable styles to resolve the issue?
There are so many projects available on codeproject for this purpose. The one i found more customizable is this
http://www.codeproject.com/Articles/360837/ASP-NET-MVC3-Create-a-custom-calendar-datepicker
another suggestion if you wanna make it AJAX based
http://www.codeproject.com/Articles/321268/DatePickerBasedEventCalendarMVC3andAJAX
another project which is latest
http://www.codeproject.com/Articles/404647/AJAX-Event-Calendar-Scheduler-for-ASP-NET-MVC-3-in
feel free to choose use whichever fits to your UX requirements.
The following article shows you how to use an HTML 5 calendar with a jQuery UI datepicker as a fallback for un-supporting browsers.
http://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-1
I have developed a site using ASP.NET Telerik controls and components. Its not working (positioning, screen resolution) fine on mobiles devices (scaling across resolutions).
I decided to integrate bootstrap in my site but bootstrap-responsive styles are not adjusting what I need.
Has anyone tried bootstrap with asp.net Telerik components? are both compatible?
Any suggestion/proper guide ?
There are incompatibilities between some frameworks like Bootstrap and Telerik. The main problem is different frameworks make use of CSS style names and if two different frameworks use the same name, there will be conflicts. I noticed this with the latest version of Bootstrap (3.0) and the latest version of Telerik, in some Telerik controls the checkbox formatting was over-ridden by Bootstrap. Unfortunately it's very tricky to fix, you need to customize it to a point that it would be easier not to use the framework at all.
Link Says
It depends on what you're trying to accomplish. In general, bootstrap
2.0 is a lot easier to work with along with Telerik because they style less of the default elements, like . In 2.0, they require you
to add some class to a element, which means that they don't
try to style a Telerik grid, for example. This makes it look better.
What you won't get is a "Bootstrap themed" version of the Telerik
controls. Continuing with the Telerik grid example, if you use that
in conjunction with Bootstrap it will look like a Telerik grid, not a
Bootstrap table, with it's nice pager buttons, etc. That will take a
lot of work to change, and I don't recommend it. Telerik emits html
with its own CSS class names and mapping that back to Bootstrap would
be a chore. I've found, actually, that with Bootstrap I use a lot
less of Telerik than I did before, and just use more straight html +
Bootstrap.
If you do decide to integrate Telerik in your site, I recommend the
Telerik "Simple" theme, which seems to match Bootstrap's default
colors best.
RadImageEditor icons are hidden when I use bootstrap.
So I must say that it is not 100% compatible.
If you need bootstrap to make your page responsive, you can use RadPageLayout: http://www.telerik.com/products/aspnet-ajax/responsive-page-layout.aspx. Thus, you can drop Bootstrap. Here is its documentation: http://www.telerik.bg/help/aspnet-ajax/page-layout-overview.html. In case you are using some styling it provides, perhaps RadFormDecorator can help you style the forms you have: http://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx.
If you let me do a suggestion, you can check for MDBootstrap (it´s a front-end framework built on top of Bootstrap). There you will find an article with free ASP.NET templates.
Yes, I recently build ASP.NET 2013 Web Application using Bootstrap and Telerik ASP.NET Ajax version Q2 2015 and .NET Framework 4.5.1 .
During my implementation of this project, I had one issue:
• One issue is that when I use the RadAjaxManager, I got this error:
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
• To fix this, I wrapped the code section with the control.