Home/ Questions/Q 8256285
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T01:48:48+00:00

I have a page with the following jQuery scripts/theme included. The default theme I

  • 0

I have a page with the following jQuery scripts/theme included. The default theme I want is ‘ui-lightness’ for all applicable elements, but I would like the jQuery dialog boxes to be styled according to the ‘cupertino’ theme. How would I implement this requirement in my page?

<!doctype html>
<html>
 <head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
  <link type="text/css" href="css/cupertino/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you look at a dialog element. Look at the classes that are added when you create one. Then look in the respective css files and copy the cupertino theme classes into the lightness css file replacing the classes in the lightness file. It’s all styled with css and all the classes are named the same (I believe) so it will work fine if you just make the semi-custom css file.

    • 0