In my application material, angular CSS is not loaded properly. I have installed the required module but, I do not know why it is not loading the material CSS in stackblitz. If anyone knows please help to fix this issue.
Angular material application: https://stackblitz.com/edit/angular-ivy-1mgagj?file=src%2Fapp%2Fapp.component.ts
Related
I’m creating a web app with AngularDart 5 and Dart SDK 2.0.0-dev.65.0. What is the best way to include Bootstrap in my web app?
Thanks!
There really isn't anything that will stop you from using bootstrap and angular together.
You can link the CSS, and the necessary JS files in your index.html file and they won't conflict as far as I know.
Now there is going to be a lot of overlap between dart:html, and jQuery. Also bootstrap is going to be in the global namespace so it may conflict with CSS styles if you are using other libraries.
Just use the html structure and classes as normal in the angular components. You can use them anywhere because they are in the global namespace.
If you need your dart code to interact with the JS code you can use package:js.
After searching on the Internet for an hour trying to find a simple, how-to write up of how to substitute bootstrap glphicons for font-awesome when using the bootstrap-wysihtml5-rails gem, I came up empty handed. I did find a variety of issues with loading the fonts.
Does anyone have a current write up on how to do this?
Alternatively, perhaps you can help with getting my rails sass app to use both font-awesome and bootstrap icons in parallel so that bootstrap-wysihtml5-rails works. Right now, I am getting an error: "RoutingError (No route matches [GET] "/fonts/bootstrap/glyphicons-halflings-regular.woff")" (localhost - with or without precompiled assets) which many folks have struggled with. I tried the many suggestions here, here, here and others to no avail.
Any and all help is appreciated!
I was asked to integrate new designs into an old app, but the designs are completely different from what there is now. Due to the functionalities already there in the app, I had to integrate the design into it. Starting with the homepage, I replaced all the html.erb files but there is a bootstrap theme which is consistent in the background. I also have to integrate new js into the app. Can anyone please guide a newbie through this? Been at it since 2 days and I don't even know where I am going wrong. Working with rails 3.2.13. Any suggestions or advice for the same would be very much welcome too. Thanks in advance.
P.S. Any further information/details needed, will be provided on asking.
I don't know how proficient you are with Rails, but the bottom line is this:
Rails is an MVC framework, meaning all the interface stuff is
contained in the views part of the app
When you want to change the look of the homepage, all you need to do
is go into app/views/home_controller/index.html.erb and edit te
file. That will allow you to change the HTML; the CSS is simply about
replacing / changing the app/assets/stylesheets/application.css
files
If you're trying to integrate bootstrap, I would personally:
remove all the CSS (depending on how much changing you wish to do)
add the bootstrap CSS, apply fixes to the layout files (in app/views/layouts/application.html.erb)
begin to re-design the interface for each view using boot
This is obviously very generalised. Maybe you can post some code to give us an idea as to what you're struggling with directly?
Many thanks!
So I bought a bootstrap theme and was using it for a side project. The thing is, when used in Rails, it seems to add some additional margins/paddings on the sides so that the layout becomes a bit squished. The CSS is exactly the same so I have no idea what's causing this. Does anyone have experience dealing with something similar? I'm using Rails 4.0 if that makes any difference.
Thank you!
Do you have any CSS files other than the ones supplied by the theme loaded onto your page? scaffolds.css comes immediately to mind.
Okay I am running into a bit of an issue. When I am using the gem the page renders as below. However when I include the link to the actual bootstrap css stylesheet, the navbar shows up correctly. Any idea what could be causing this problem? I have overridden nothing and don't intend on doing so.
This was my own fault. Assets weren't being loaded since I hadn't restarted my rails server after making some changes to the gem file..