1

I am working on an asp.net mvc5 web application, and I did the following:-

  • Using VS 2012 I created a new asp.net mvc5 empty project.
  • Then using Nuget I installed jquery ui 1.11.2.

  • After that reference these inside my bundle

    "~/Content/themes/base/core.css",
    "~/Content/themes/base/autocomplete.css",
    "~/Content/themes/base/theme.css"

  • Then I download the jQuery-ui for a theme named Start from http://jqueryui.com/download/

  • And I replace the current core.css & theme.css with the files that come with the Start theme. Currently the auto complete is working , but the result is showing a bullets beside the returned data as follow:-

enter image description here

So I have the following 2 questions:-

  • What is causing the bullets to appear ?

  • Is replacing the default core.css & thmese.css & images with the ones inside the Start theme a correct approach ? or I should create a new folder under the Content folder inside my project instead of modifying the default base theme folder ?

Thanks

John John
  • 2,118
  • 8
  • 40
  • 65

1 Answers1

0

The bullets appear because the file you are replacing must have the style

ul {list-style-type: none;}

For the autocomplete element. Did you replace as well the autocomplete.css with the theme you downloaded? That might be the solution. Otherwise you can add your own css to these files to workaround such problem.

You may want to have a look at this question to learn about CSS priorities and how you may override some styles in your own css stylesheet: CSS Rule Priorities

Community
  • 1
  • 1
Jako
  • 906
  • 15
  • 31