adminlte - How to configure adminlte2-rails gem into rails project -


i need know, how can define available adminlte options in adminlte2-rails gem. when put template project without gem, find easy js file options, gem missing. please me.

here application.html.erb:

<!doctype html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">     <title>app name</title>      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">      <!-- need put adminlte.css app/assets/stylesheets/ -->     <%= stylesheet_link_tag 'application', media: 'screen', 'data-turbolinks-track' => false %>      <!-- html5 shim , respond.js ie8 support of html5 elements , media queries -->     <!-- warning: respond.js doesn't work if view page via file:// -->     <!--[if lt ie 9]>     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>     <![endif]-->      <%= csrf_meta_tags %> </head>  <body class="hold-transitio sidebar-mini skin-blue"> <div class="wrapper">      <header class="main-header">         // site header     </header>      <aside class="main-sidebar">         // site sidebar     </aside>      <div class="content-wrapper">         <section class="content-header">            // page header          </section>          <section class="content">             <p id="notice"><%= notice %></p>             <%= yield %>         </section>     </div>      <footer class="main-footer">        // site footer     </footer> </div>  <%= javascript_include_tag 'application', 'data-turbolinks-track' => false %> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-tc5iqib027qvyjsmfhjomalkfuwvxzxupncja7l2mcwnipg9mgcd8wgnicpd7txa" crossorigin="anonymous"></script>  <!-- need put adminlte.js app/assets/javascripts/ ,       , config config/initializers/assets.rb with:      rails.application.config.assets.precompile += %w( adminlte.js ) --> <%= javascript_include_tag 'adminlte', 'data-turbolinks-track' => false %>  </body> </html>

=== old answer below ===

or check out: https://almsaeedstudio.com/themes/adminlte/documentation/index.html#implementations

https://github.com/nicolas-besnard/adminlte2-rails
https://github.com/racketlogger/lte-rails

i follow page source setup cdn: https://almsaeedstudio.com/themes/adminlte/starter.html

here exact starter.html:

  <!-- bootstrap 3.3.6 -->   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">    <!-- font awesome -->   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">    <!-- ionicons -->   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">    <!-- theme style --> <!-- these files adminlte repo -->   <link rel="stylesheet" href="dist/css/adminlte.min.css">   <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">

and js:

<!-- jquery 2.2.3 --> <script src="plugins/jquery/jquery-2.2.3.min.js"></script>  <!-- bootstrap 3.3.6 --> <script src="bootstrap/js/bootstrap.min.js"></script>  <!-- adminlte app --> <!-- adminlte repo --> <script src="dist/js/app.min.js"></script>

Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more

javascript - Twitter Bootstrap - how to add some more margin between tooltip popup and element -

Image
i have not tryed since can't understand space between tooltip , element made/added bootstrap, tooltip near element triggers tooltip event. i make tooltip opening little bit away element, add more margin tooltip , eleemnt mean. i understand how in css if possible , if possible make both right,left,top,bottom tooltips hope question clear. this how tooltips looks on app: and , how should looks after this default css tooltip on top : .tooltip.top { padding: 5px 0; margin-top: -3px; } you can override in own css : .tooltip.top { margin-top: -10px; } note code work work tooltip on top, you'll nedd adapt css 3 other orientations : .tooltip.top { margin-top: -10px; } .tooltip.right { margin-left: 10px; } .tooltip.bottom { margin-top: 10px; } .tooltip.left { margin-left: -10px; }
Read more