标签: adminlte

我正在努力shinydashboard为一个闪亮的应用程序增添一点活力，但在页面上定位某些元素（例如徽标）时遇到了麻烦。我发现这个答案对于增加标题的高度非常有用，但我无法完全解决对齐问题。

徽标和浮动汉堡包和边缘之间的左侧和右侧（红色椭圆形）仍有空间。我能够移动汉堡包的唯一方法是增加titleWidth = "92%"标题的相对大小 ( ) 以容纳更长的标题，但是如果调整窗口大小，菜单折叠切换最终会出现在奇怪的地方。中间的文字我想垂直居中。

一件巧妙的事情shinydashboard是，如果窗口变窄，则正文内容会重新排列，以便这些值框堆叠。但是，如果更改标题高度以容纳徽标，则副作用是：

标题与某些内容重叠。我是 css 新手，但对 AdminLTE.css 和 _all-skins.css 使用的一些挖掘shinydashboard让我更接近一些：

library(shiny)
library(shinydashboard)

server <- function(input, output, session) {}

ui <- dashboardPage(
  title = "ShinyApp",
  header = dashboardHeader(
    tags$li(
      class = "dropdown",
      tags$style(
        ".main-header {max-height: 100px; 
                      font-size:24px; 
                      font-weight:bold; 
                      line-height:24px;}"),
      tags$style(
        ".main-header .logo {height: 100px;
                             font-size:24px; 
                             font-weight:bold; 
                             line-height:24px;align:}"
      )
    ),
    title = HTML(
      "<div style = 'background-color:#3333cc; vertical-align:middle'>
       <img src = 'http://www.clipartbest.com/cliparts/nTX/8nj/nTX8njyEc.jpeg' align = 'left' height = …

我使用 OpenLayers 来显示地图，并使用 AdminLte 来显示界面。

我的问题：当折叠给定页面上的主要左侧边栏时，所有框及其包含的内容都会更改大小（我真的不知道如何），因此地图也会变大。问题是，当它发生时，地图上显示的所有特征显然都改变了位置，不再是它们应该在的位置。

我想要什么：在侧边栏折叠后重绘地图。

有什么建议吗？

我试过：

$('.navbar-collapse').on('shown.bs.collapse', function() {
    map.updateSize();
});

和：

$('.sidebar').on('shown.bs.collapse', function() {
   map.updateSize();
});

但无济于事...

编辑：我的问题类似于这个问题：OpenLayers：如何在地图 div 的流体 css 渲染后重新对齐鼠标坐标和矢量图层，但他的解决方案对我不起作用:)

编辑 2：澄清一下：我认为解决我的问题的方法是在侧边栏完成折叠时调用 map.updateSize() 方法。问题是我不知道如何捕捉侧边栏完成折叠/展开的时刻！

看来Admin LTE会min-height为`以及边栏设置值。出于某种原因，在我的情况下，该值被计算为比其应有的要高得多，这将导致边栏不必要地变长。请参见下面的屏幕截图。

如何解决？

我想没有翻转盒的图像，我该怎么做？试过这个（也设置为NULL）：

flipBox(
      id = 1, 
      main_img = "",
      header_img = "",
...

但相反，它给了我这个奇怪的形象。

我已经在我的 Laravel + vue 项目中使用 npm 安装了 AminLte v3，所有东西都运行良好，但是当我单击标记为的侧导航栏主菜单时

<li class="nav-item has-treeview">
    <a href="#" class="nav-link">
        <i class="nav-icon fas fa-users"></i>
        <p>
            Members
            <i class="fas fa-angle-left right"></i>
            <span class="badge badge-warning right">new:2</span>
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <router-link :to="{name : 'members'}" class="nav-link">
                <i class="fas fa-user-check nav-icon"></i>
                <p>All</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersLatest'}" class="nav-link">
                <i class="fas fa-user-plus nav-icon"></i>
                <span class="badge badge-danger right">2</span>
                <p>Latest</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersPending'}" class="nav-link">
                <i class="fas fa-user-clock nav-icon"></i>
                <p>Pending</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersSuspended'}" …

我正在尝试使用链接在laravel中实现动态面包屑.我通过以下代码成功渲染了面包屑但没有链接.

    <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i>Marketplace</a></li>
    @foreach(Request::segments() as $segment)
    <li>
        <a href="#">{{$segment}}</a>
    </li>
    @endforeach
</ol>

但现在我面临着网址的问题.我得到了所有后代的路线的当前网址.有人可以帮我,我怎么能添加到面包屑的链接？

谢谢.

src/assets/plugins/filterizr/FilterContainer.d.ts:1:10 中的错误 - 错误 TS2305：模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/FilterizrOptions/defaultOptions"' 没有导出成员'RawOptionsCallbacks'。

1 从 './FilterizrOptions/defaultOptions' 导入 { RawOptionsCallbacks }; ~~~~~~~~~~~~~~~~~~~ src/assets/plugins/filterizr/FilterItems.d.ts:1:10 - 错误 TS2305: 模块 '"D:/angular_workspace/templateAngular/ src/assets/plugins/filterizr/ActiveFilter"' 没有导出成员'过滤器'。

1 import { Filter } from './ActiveFilter'; ~~~~~~ src/assets/plugins/filterizr/Filterizr.d.ts:4:10 - 错误 TS2305：模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/ActiveFilter"' 没有导出成员 'Filter' 。

4 import { Filter } from './ActiveFilter'; ~~~~~~ src/assets/plugins/filterizr/Filterizr.d.ts:5:10 - 错误 TS2305: 模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/FilterizrOptions/defaultOptions"'没有导出成员“RawOptions”。

5 从'./FilterizrOptions/defaultOptions'导入{RawOptions}；~~~~~~~~~~

** Angular Live Development Server 正在侦听 localhost:4200，在http://localhost:4200/上打开浏览器** i ?wdm?: 编译失败。

我在网上到处查了一下没有结果。我似乎无法让这些图在最大化盒子时将其高度和宽度最大化到整个窗口大小。这是我使用的要求bs4Dash。我查看了这篇文章，但提供的解决方案似乎对我不起作用。我缺少什么？

library(shiny)
library(bs4Dash)
library(circlepackeR) # devtools::install_github("jeromefroe/circlepackeR")
library(wordcloud2) # devtools::install_github("lchiffon/wordcloud2")
library(plotly)

ui <- dashboardPage(
  dashboardHeader(title = "Basic dashboard"),
  dashboardSidebar(),
  dashboardBody(
    # Boxes need to be put in a row (or column)
    fluidRow(
      box(id="histbox", 
          title = "hist box", 
          plotOutput("plot1", 
                     height = 250),
          maximizable = T),
      
      box(id = "circlebox", title="circle box", 
          circlepackeR::circlepackeROutput("circles"), maximizable = T)
      
    ),
    fluidRow(
      box(id="wordlcoudbox", 
          title = "wordcloud box", 
          wordcloud2::wordcloud2Output("cloud"), 
          maximizable = T),
      
      box(id = "plotlybox",
          title = "plotly box", 
          plotly::plotlyOutput("plotlyplot"), 
          maximizable = T))
  )
) …

如何修复我的左侧导航。我正在使用 Nuget 的 AdminLTE 2.0。

错误是当我切换侧面时它会折叠整个侧栏。但是模板应该在切换时部分折叠侧栏。我使用了<body class="hold-transition skin-blue sidebar-collapse sidebar-mini">

编辑

我尝试下载模板，它运行良好，我在正文之前看到了评论。<!-- the fixed layout is not compatible with sidebar-mini -->，所以我尝试获取 app.js 和 app.min.js 并将其替换到我的文件夹中，但仍然无法正常工作。一切都折叠在左侧边栏上

谢谢你。

我已经使用 PHP 5.6.27 在 Centos 7 virtualbox 上安装了 composer。我将展示我使用过的命令以及我现在遇到的问题。我应该首先说所有这些命令都适用于以前的安装。

好的，所以对于初学者来说，这里是我用来安装作曲家的。

curl -sS https://getcomposer.org/installer | php

其次是

mv composer.phar /usr/local/bin/composer

现在我正在尝试通过下面列出的命令安装 laravel。

composer global require "acacha/adminlte-laravel-installer=~3.0"

到目前为止，上面列出的所有命令都已成功运行。

现在这是当前的问题。当我尝试运行以下命令时，出现错误。

laravel new laravel-with-admin-lte
-bash: /root/.composer/vendor/bin/laravel: No such file or directory.

我已经针对这条消息尝试了一整套补救措施，但它找不到 .composer 目录。谁能告诉我正确的 .composer 目录在哪里，以及如何修改它以使其看起来正确的位置来完成此安装？

我感谢您提供给我的任何解决方案。我已经连续两天为此苦苦挣扎，并且在阳光下搜索了一切。希望这里有人有一个类似的解决方案，具有有效的分辨率。