Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ExtJs Neptune theme

I'm trying to change default theme in ExtJs 4.2 to Neptune custom theme. How to make it for debugging?

<html>
<head>
    <title>xxx</title>
    <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="Scripts/App.js"></script>
</head>
<body></body>
</html>
like image 209
Nail Shakirov Avatar asked May 24 '13 09:05

Nail Shakirov


1 Answers

You must have the following files and folders:

  1. extjs/ext-all.js
  2. extjs/ext-theme-neptune.js
  3. extjs/resources/css/ext-all-neptune.css
  4. extjs/resources/ext-theme-neptune/ext-theme-neptune-all.css
  5. extjs/resources/ext-theme-neptune/images/*.*

And your code as follows:

<html>
    <head>
        <title>xxx</title>
        <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
        <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-neptune.css">
        <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
        <script type="text/javascript" src="extjs/ext-all.js"></script>
        <script type="text/javascript" src="extjs/ext-theme-neptune.js"></script>
        <script type="text/javascript" src="Scripts/App.js"></script>
    </head>
    <body></body>
</html>
like image 139
ki11en Avatar answered Nov 08 '22 13:11

ki11en