If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
.
├── assets
| ├── css/ --> All stylings are located here
| ├── beyond-less/ --> Styles related to main app
| ├── bootstrap-less/
| └── bootstrap-rtl-less/
| └── other-less/ --> All third party less libraries
| └── skins/ --> Skins
| └── fonts/
| └── img/
| └── js/ --> All JavaScript Libraries
| └── sound/
| └── swf/
├── upload --> Upload folder for file uplaod and editor purposes
BeyondAdmin general layout is shown here. There are five main containers in the layout.
1. The sidebar's menu content is within a div with "page-sidebar" class.
2. Chatbar with "page-chatbar" class.
3. Navbar
4. Breadcrumbs
5. Page Header
6. Page Content
You can find detailed information about each of this sections and how to manipulate those in your project below:
The general template structure is the same throughout the template. Here is the general structure.
Sidebar menu structure is shown here:
Chatbar enables you to add dynamic chat view to your application.
In Navabr area you have controll to configurations, actions and User Settings.
Breadcrumbs is very simple and similar to bootstrap default breadcrumbs. You can add any icons that you want to your pages links.
As you can see, Header is consisted of two main parts:
Here's the color palette of BeyondAdmin.
These are default skins that are added to BeyondAdmin. You can add or modify this skins as you wish. All skins are places in skin folder in following address:
/assets/css/skins
Here's a list of the stylesheet files we are using with this template, you can find more information opening each file:
File Name | Description |
---|---|
bootstrap.min.css | minified of latest bootstrap css file. must be included in all pages. |
bootstrap.min.css | RTL version of Bootstrap. find more information here. |
animate.min.css | A bunch of cool, fun, and cross-browser animations. find how to customize here. |
beyond.min.css | Main application css. All layouts and parts css are centered in this file. Learn how to customize. |
beyond-rtl.min.css | Main application css in RTL. |
demo.min.css | Remove this from your application. it is only for demo purpose and is removed from Seed project. |
font-awesome.min.css | If you intend to use FontAwesome icon fonts in your project, this file must be present. Otherwise you can remove it. |
typicons.css | Typicons icon fonts. |
The app.less file contains all of the specific stylings for the template. The file is separated into sections. Each section contains related LESS files:
After customizing your LESS files you need to compile app.less to get css files for using in your site. Here are some common ways of compiling LESS files:
beyond.less
npm install -g less
lessc beyond.less > app.css
npm install -g less
There are three different ways to change the default skin:
azure
)./assets/css/skins/
.
/assets/css/skins/
.
Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Tag | Description |
---|---|
jquery.min.js |
latest JQuery minified. |
bootstrap.min.js |
Bootstrap js. |
jquery.slimscroll.min.js |
Responsible for changing scrollbar in all template. |
beyond.js |
All BeyondAdmin related general scripts are placed here. |
Here's a brief information about how to install BeyondAdmin from scratch
Open IIS Manager.
In the Connections pane, right-click the Sites node in the tree, and then click Add Website.
In the Add Website dialog box, enter a friendly name for your website in the Site name box.
If you want to select a different application pool than the one listed in the Application Pool box, click Select. In the Select Application Pool dialog box, select an application pool from the Application Pool list and then click OK.
In the Physical path box, enter the physical path of the website's folder, or click the browse button (...) to navigate the file system to find the folder.
If the physical path that you entered in the previous step is to a remote share, click Connect as to specify credentials that have permission to access the path. If you do not use specific credentials, select the Application user (pass-through authentication) option in the Connect As dialog box.
Select the protocol for the website from the Type list.
. If you must specify a static IP address for the website (by default, this is set to All Unassigned), enter the IP address in the IP address box.
Enter a port number in the Port text box.
Optionally, enter a host header name for the website in the Host Header box.
If you do not have to make any changes to the site, and you want the website to be immediately available, select the Start Web site immediately check box.
Click OK.
For updating to the latest BeyondAdmin version do the following:
Once again, thank you so much for purchasing this theme.