Last post Jun 05, 2015 04:08 AM by Fei Han - MSFT
Jun 03, 2015 09:08 PM|dblwizard|LINK
I'm trying to add jQuery ui support to a basic Web Forms Application. Using Nuget I added jQuery UI (Combined Library) and then through trial and error figured out that I needed to install the AspNet.ScriptManager.jQuery.UI.Combined package as well. I
then added a very simple example of a "tabs" to the Default.aspx page. The simply show as a list. Can somebody give me some steps to add this support or point me to a How To page that does?
I've tried several things including adding code to the BundleConfig.cs and Bundle.config file. Also added entries inside the ScriptManager portion of the Site.Master page and I can see the links in the source of the pages, but nothing seems to work. It
appears that I'm somehow missing the jquery-ui.css files but as far as I can tell they don't get installed with the NuGet packages so I have to be missing something.
This is using Visual Studio 2013 and creating just a basic Web Application and selecting the "Web Forms" template.
Jun 03, 2015 09:49 PM|A2H|LINK
It appears that I'm somehow missing the jquery-ui.css files but as far as I can tell they don't get installed with the NuGet packages so I have to be missing something.
You can consider using the online cdn of Jquery available
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
Or you can add the files manually to your solution
You can download the latest Jquery files from Jquery download section or from online Jquery Hosted
sites and use it in your project. Personally I also prefer to do that as we have a dependency on network (internet) whenever we use the online hosted libraries.
To add JQuery files to your project you need to manually add the Jquery Js files to your solution
First add a scripts folder to your project, so that you can keep all your script files in
Now you have a folder where you can keep all your Js scripts files.
Next step is to add the jquery ui files to your project
Next step is to add the css files to your project
Check this link for more details
Jun 03, 2015 09:56 PM|dblwizard|LINK
I appreciate your response but I guess I wasn't clear enough. I'm trying not to do this "manually". But use the framework that this project was already built with. The standard WebForms Application comes with jQuery, Bootstrap and a bunch of other scripts
already "bundled" into it. I was trying not to go around all of that and possibly have conflicts or things getting loaded twice. I'm looking for how to incorporate jQuery UI into a page utilizing the configuration that comes with the installed NuGet packages.
Jun 03, 2015 11:19 PM|bruce (sqlwork.com)|LINK
if you are using bootstrap, then you should not use jquery-ui. they don't play well together (conflicting CSS), have large overlap in functionality, and have completely different looks.if you want to use jquery-ui, you should remove bootstrap (not a choice
Jun 04, 2015 10:18 PM|dblwizard|LINK
Thanks, that's good to know. I took your advice and found a way to do what I needed with bootstrap.
Jun 05, 2015 04:08 AM|Fei Han - MSFT|LINK
Thanks for your post.
As bruce said, it may causes CSS conflict if you are using jQuery UI and bootstrap. If you’d like to implement a Tabs using jQuery UI, please refer to this link.
if you’d like to create Bootstrap Tabs, please refer to this.