So I am trying to change the CSS up in MVC 5 from the default bootstrap view that it renders. In some examples I have seen from MVC 4 which didn't use bootstrap by default I don't believe, it has a much better looking template in my opinion. MVC 5 has the plain black bar across the top, I know MVC 4 is also simple but I prefer that one. The only problem is I can't seem to find the source code, or the original CSS files they used for it anywhere? Every tutorial that I can find simply uses images instead of providing the files that I would need to add it to my project.
Here is the look I am going for...
http://i1.asp.net/media/45041/mvc4-restyled-templates.png?raw=true&cdn_id=2014-05-05-001
The default look that MVC 5 using bootstrap provides is..
http://eduardopires.net.br/wp-content/uploads/2013/07/aspnet_mvc5_build.jpg
Any suggestions on how I might switch to the previous version, or where I might find the proper CSS files to change it? I am trying to do this to an existing project so starting over really isn't an option. Thanks ahead of time.
You can install MVC4 side by side with MVC5 and create web project with MVC4 template. From there you can obtain the css you're looking
Related
I need help please with getting started with MVC 4. I was asked to create a responsive index HTML page.
The output must be responsive and compatible for browser and mobile devices including the graphics.
The website is only graphics with a description of the image - and stores the path of the image and description in SQL Server. So, I need to use CSS to layout the images and connect to SQL to get the description and location of the images.
I need to also use CSS and I see that the project's SCRIPTS folder contains JQuery and Knockout.
I have never used MVC but figured that if they think I can do it then I will take it as a chance to finally learn MVC.
How can I start?
Thanks
To get you started I'll try to make the story short:
Server side
Asp.net mvc (generated dynamic html based on data from DB or other data sources)
Learn about Asp.net templates and Razor view engine.
Currently the visual studio template for Asp.net MVC project comes with all components required to make a website responsive like bootstrap.js/css, jquery.js etc.
Client side
Finally all has to be transformed into the HTML so you must be familiar with HTML 5. As almost all browser supports it.
You must know CSS.
You must learn using Bootstrap library and it's grid system.
Specific to you requirement focus on Images and how bootstrap apply css based on device size.
Target for smallest and largest device to manage your content sizing and adjustments.
Good luck!!
So I've downloaded some CSS templates to help make my website look nicer. I have an MVC 3 project for my final year of study, and I don't want it to look like the same generic MVC layout that everyone is using. Is it possible to easily integrate a template or are there special MVC templates out there?
Is it possible to easily integrate a template ?
Yes, surely. Just change the code in views with respective HTML. You can see this video for more details.
I am building a website, and want to do it using MVC 4. I dont want to use the custom asp.net template, and the asp.net templates available online do not meet my requirements. I have designed a html-css template and need to incorporate it into my project...(pretty much build the "contents folder" of the default templated mvc 4 project myself, if u know what i mean)...
I would really appreciate if someone points me to a tutorial or gives me a step-by-step account of how to do it.
You're pretty much looking for how to use Layouts and Sections with Razor. You can have as many as you'd like.
If I'm understanding correctly, you simply want to apply your template to _Layout.cshtml. This is similar in purpose to a MasterPage in ASP.NET web forms.
Here's a ScottGu blog on layouts and sections. (Just noticed that's the same link provided by #ErikPhilips)
To provide a simple explanation. _Layout.cshtml resides at Project\Views\Shared\_Layout.cshtml. By default it looks like a normal HTML file with a couple of unusual lines. The most important being #RenderBody(). When returning a ViewResult from an action (e.g. return View("MyView, myModel)), your view gets rendered by #RenderBody inside the layout. You can do what you like with _Layout.cshtml and if you're brave, you can also nest layouts.
I'm starting a new ASP.NET MVC 2 project, but unfortunately I'm a noob dev. Can you recommend a template I can use for my web site? It would be nice if the CSS supports stuff like 3 columns, 3 rows, with up, left, down and right parts being fixed size and the center auto sizing. Actually a clean CSS template would do too.
TIA
You can try freecsstemplates.org
They have some free CSS templates you can use to get started.
Your views in ASP.NET MVC should be primarily content and not structure. Same is true for ANY web development. As much of the structure and layout should move to CSS as possible. The reality is that you often have to compromise, but I'd start with CSS as much as possible.
Have you done much web design? If not I'd start there. Learn HTML and CSS first. Those apply whether you are doing ASP.NET MVC, Webforms, Ruby On Rails, PHP, or Perl + CGI (or just abut any other web dev) on the back end.
Has anyone created a 'realtime' csssprite generator for .NET ?
I want one or more directories of images that get loaded at runtime and the css is automatically generated.
Yes, there is. You'll find it at
http://www.codeproject.com/KB/aspnet/cssspritegenerator.aspx
Unlike Microsoft's attempt at sprites, with this package you don't have to change the way your images are stored and how they are shown. You simply add the .dll and configure the package in your web.config with a few lines.
This package also lets you resize images on the fly, compress them and other good things.
Is this what you are looking for?
It's the closest I found to a baked solution.
Ok finally something official...
Not clear yet if it'll make it into the core ASP.NET framework but here's a Microsoft codeplex project for csssprites :
http://aspnet.codeplex.com/releases/view/50869
if you like it - use it - or just like the idea then add a comment. I think this would be a great thing to have in the ASP.NET framework. Have not personally used it (I had to invent the wheel myself) but its got good reviews.
It includes the following components:
API for automatically generating sprites and inline images
Controls and helpers which provide a convenient way of calling into the API
Features Added in Second Release:
A CSS linking control for Web Forms (selects the proper CSS file for the user's browser, but does not display an image)
Using custom folder paths other than App_Sprites
Changing the tiling direction of sprite images
Merging the generated CSS with a user's own CSS
Features under consideration for future releases:
Automatically selecting the most efficient sprite background colour
Automatically minifying the rendered CSS
Compiling against .NET 3.5