We Keep Coding

Adding new Bundle to Bundle Config

In my _Layout page I have these scripts:
#Scripts.Render("~/Scripts/Scripts.js")
#Scripts.Render("~/Scripts/moment-with-locales.js")
#Scripts.Render("~/Scripts/moment.js")
#Scripts.Render("~/Scripts/bootstrap-datetimepicker.js")
#Scripts.Render("~/Scripts/DayPilot/daypilot-all.min.js")
So instead of writing all of those out, I want to create a bundle:
bundles.Add(new ScriptBundle("~/bundles/otherScripts").Include(
"~/Scripts/Scripts.js",
"~/Scripts/moment-with-locales.js",
"~/Scripts/moment.js",
"~/Scripts/bootstrap-datetimepicker.js",
"~/Scripts/DayPilot/daypilot-all.min.js",
"~/Scripts/DayPilot/daypilot-common.src.js"));
So now in my _Layout page I have this:
#Scripts.Render("~/bundles/otherScripts")
Now in my bootstrap-datetimepicker.js I have edited 1 line.. and the change shows visually when I test this app locally.. but when I publish.. that line that I changed does not work..
The only way it works is if I exclude the bootstrap-datetimepicker.jsfile from the bundle and reference it in the _Layout page specifically.
How do I just combine all of those scripts into the bundle and it work properly when published?

Using Gentella bootstrap theme in ASP.NET MVC

I'm trying to use the Gentelella theme with MVC but I can't get it to work right, and I feel like I'm defining the bundles incorrectly. I copied the HTML code exactly as it was in the sample and I get this:
Bad layout
There shouldn't be any margins - I want it to appear how it does on the GitHub page. I define the bundle like so (admin being what I renamed the build files as):
bundles.Add(new ScriptBundle("~/bundles/admin").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/admin.js"));
bundles.Add(new StyleBundle("~/Content/admin").Include(
"~/Content/bootstrap.css",
"~/Content/admin.css",
"~/Content/font-awesome.css"));

BundleTable.EnableOptimizations doesn't work asp mvc

I have very strange problem in MVC BundleConfig file. Before publishing my site I set BundleTable.EnableOptimizations to true, and was waiting that my css file would be minimized after publishing. But one file from ScriptBundle is minified, and another one from same ScriptBundle isn't. Here is what I mean:
my BundleConfig code:
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/Site.css"));
BundleTable.EnableOptimizations = true;
and in _Layout I have:
#Styles.Render("~/Content/css")
So result of this code is that, when I check sources of site in browser, there is one css file, where my bootstrap.css and Site.css files are combined, but bootstrap.css is minified, and Site.css isn't. I just can't figure out why system doesn't minifies my Site.css file.
It's the weirdest problem I had ever had, so if you know what's going on, please help me.

you should try the following code
public static void RegisterBundles(BundleCollection bundles)
{
bundles.IgnoreList.Clear();
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/Site.css"));
BundleTable.EnableOptimizations = true;
}
using IgnoreList you can bypass any already minified css that is not including in bundle ,because its already minified and mvc bundle will ignore it.
If this doesnt work you need to validate your css, you can use web essentials to validate your css.
Hope this helps.

Add other projects stylesheet to Bundleconfig

I have a common solution MyApp. Within this, I have more than 2 projects like MyCommon,MyInclude,MyWeb. I want to place stylesheets,scripts in a common project and refer them in other projects. Now I refer my stylesheets in MyWeb project by adding them in BundleConfig as following:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/login.css",
"~/Content/site.css"));
}
So, Now If I place these login.css,site.css in MyInclude project in MyApp solution and add them to this MyWeb project. How can i do this ?
Can anyone help me to do this..
Thanks in advance..

ASP.NET Jquery UI Button not rendering properly

I've been having a lot of trouble having the theme I load render properly in my ASP.NET MVC 5 application... I've been doing a lot of research, but I think it might be related to the dialog issues I've been having as well... Can anyone please help me out?
From what I understand, I need to reference what class of button I want to use like this:
<button class="ui-button" id="overview">Overview</button>
But it still renders the button as just a gray button, no theme.
Here are my bundles:
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/site.css"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css",
"~/Content/themes/base/jquery.ui.all.css"));
bundles.Add(new StyleBundle("~/Content/ui-darkness/css").Include(
"~/Content/ui-darkness/jquery-ui-1.10.4.custom.css"));
And here is my Layout:
#Styles.Render("~/Content/css")
#Styles.Render("~/Content/themes/base/css")
#Styles.Render("~/Content/ui-darkness/css")
#Scripts.Render("~/bundles/modernizr")
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
Also of note is that Intellisense does not have any tooltips for .button() or .dialog().
Any help would be greatly appreciated!
Edit: I've attached a picture of the non-stylized button "overview"
http://i.stack.imgur.com/kohZH.png

I think when you downlod the JS and CSS file related to jqueryui with out check dialog and button option
go to http://jqueryui.com/download/ and check all the check box and download the js and csss file and use in your project.

You should not had Theme/base CSS.
I do'nt use the same Theme, but It work's here with :
BUNDLE
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/Css/jquery-ui-1.10.3.custom.css",
"~/Content/Css/bootstrap.css",
"~/Content/Css/font-awesome.min.css",
"~/Content/Css/site.css"));
LAYOUT
#Styles.Render("~/Content/css")
VIEW
<button class="ui-button" id="overview">Overview</button>
jquery-ui-1.10.3.custom.css came from \jquery-ui-1.10.4.custom\css\smoothness\
It's enough to add the CSS you find in your theme folder.