I have some file generated from figma. A plugin has been used for material design.
I have a folder css
colors.module.css
theme.dark.css
theme.ligh.css
tokens.css
typography.module.css
I don't have any information about how to integrate that with angular material
We are using Material UI for the whole Angular project. Now we have to use Formly (https://formly.dev/) for forms. Can I use bootstrap theme in my project for styling the form fields ?
so the problem is this, I made a carousel with bootstrap and I just put bootstrap.js for javascript. But why does slide carousel not work? whereas if I put jquery, then it can work !! Is not there a javascript in the bootstrap.js file to call the carousel? any solutions? I want to create a carousel using bootstrap.js without using jquery.js
Bootstrap's JavaScript components depend on jQuery:
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
The quick start guide also states that jQuery is required:
Add our optional JavaScript plugins, jQuery, and Popper.js) near the end of your pages, right before the closing </body> tag. Be sure to place jQuery and Popper.js first, as our JavaScript plugins depend on them. While we use jQuery’s slim build in our docs, the full version is also supported.
You cannot get around this. If you want a carousel without jQuery, you should forget Bootstrap's carousel and look for another option. (For example here)
This is the first line of code from the bootstrap.js file for v3.3.7
if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery')
}
the next line of code states that you need a minimum version of jquery 1.9.1 and a maximum of jquery 4 to be able to use bootstraps javascript
I have an excellent jquery-ui based application that I'd like to give the fresh looks of Foundation. Most important part I'm missing is the support properly styled dialogs which currently have the jquery looks.
Is there anything like a foundation-styled jQuery UI theme or project setup to develop one?
My company has used http://jqueryui.com/themeroller/ to create the themes for our clients.
We had a client request a theme that matched the foundation default styling so we created it and uploaded it to out github. Below you can download the style sheets.
https://github.com/cwdgservices/jQuery-UI-Style-for-Zurb-Foundation
I am playing around with Angular.dart as app framework and trying Twitters Bootstrap components and CSS for styling. I did run into an issue almost immediately, since Bootstrap does not seem to handle ShadowDOM, and Angular.dart uses the ShadowDOM for Components.
This would essentially mean I cant build Angular components with Bootstrap.js. Using Bootstrap components only requiring CSS works fine with applyAuthorStyles: true in NgComponent annotation.
Is there any way to also build angular.dart components using bootstrap js components?
/Cenk
Several things can be fixed using applyAuthorStyles: true but selectors that cross the shadowDOM boundary don't work. You would have to change Bootstrap's css.
applyAuthorStyles is deprecated or already removed
Here Feature Request: Add templates for NgDirectives or a NgComponent non-shadow dom option is also a discussion going on about this topic.
It mentions a ng-pseudo directive that should help solving this issue.
AFAIK ShadowDOM will be ported to AngularJS as well maybe this creates some ally and eventually an improvment.
Polymer (JS and Dart) have the same problem.