问题标签 [gentelella]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1091 浏览

html - 固定高度的轮廓框并保持响应

我需要从 gentelella 模板中设置这些元素的样式: https ://colorlib.com/polygon/gentelella/contacts.html

这是我的实现

在此处输入图像描述

如您所见,没有固定的高度,如果有很长的描述,例如最后一个盒子,盒子会越来越大。

问题是,如果修复容器的最大高度,那将不起作用,对于内部的东西也是如此,因为它使所有响应规则和媒体查询在之后不起作用。

我找到的唯一解决方案是在里面剪切文本

但是如果取消注释空白: nowrap 会发生这样的混乱: 在此处输入图像描述

所以问题是 2 :) 其中一个是修复最大尺寸并保持整个事物响应的最佳方法。我怎样才能使“空白:nowrap”工作;

如果我问了一些愚蠢的事情,我深表歉意,但我是 CSS 样式的新手。

0 投票
1 回答
54 浏览

jquery - 失去对齐
展开点击

我有一个部门如下。

我的Jquery代码如下:

在我的 div 中,我有一个折叠链接,如下图所示:

在此处输入图像描述

在上面对齐很好。但是当我点击第一个图表链接的展开按钮时,所有图表都会向左移动。

在此处输入图像描述

但是,如果我展开最后一个图表的展开按钮,它会移动下面的所有后续图表。 在此处输入图像描述 如何使我的前 2 个<div>展开按钮的效果与第 3 个展开按钮的效果相同<div>

0 投票
2 回答
313 浏览

php - 用php更改jquery中的href属性

提交的 Jquery 代码如下所示:

我需要将 href 中的“#”替换为可以通过 PHP 代码发送的变量。

我试图这样做:

其中 $someVariable 在表单提交链接指向的 PHP 代码中定义

0 投票
1 回答
1282 浏览

javascript - 如何在gentelella模板中初始化离子范围滑块功能

我对如何初始化一些基本的 js 组件感到困惑,比如“网格滑块”: 在此处输入图像描述

包含在 laravel 的包中: https ://colorlib.com/polygon/gentelella/form_advanced.html

它来自这个插件:http: //ionden.com/a/plugins/ion.rangeSlider/en.html

那是我的代码:

我尝试了两种方式:

  1. 没有显式导入,错误是: 在此处输入图像描述
  2. 在“”部分的子视图中导入 CDN,@stack('script')例如:

src="https://cdnjs.cloudflare.com/ajax/libs/ion-angeslider/2.2.0/js/ion.rangeSlider.min.js">

错误类似于:

在此处输入图像描述

我怎样才能正确初始化这个组件?

0 投票
0 回答
159 浏览

jquery - 在 gentellala 模板中设置主容器的正确高度

gentelella 中主容器的“最小高度”有一些问题,如本文所述: https ://github.com/puikinsh/gentelella/issues/499

所以我尝试解决这个问题,你可以在图片上看到: 在此处输入图像描述

如您所见,表格呈现在主容器上。这个问题似乎是由于为主要容器设置了错误的“最小高度”。这甚至可能是由于我在页面脚本上对表格进行了动态初始化。

为了解决这个问题,我尝试将此代码添加到我的页面:

但是这个几乎与普通人自己设定的“最小高度”相同,所以它错了,给了我同样的结果。我什至尝试在布局/空白页面上应用它,但结果再次相同。我哪里错了?

ps

给我同样的结果。

0 投票
0 回答
272 浏览

css - 通过javascript添加时复选框未使用正确的gentelella css呈现

我正在尝试在数据表中添加一些行数据,首先是通过 Pug,然后是通过 javascript。

我添加了通过控制器调用获取数据的第一行,然后通过 pug 解析添加它:

这样,它设法以正确的样式呈现复选框:

复选框呈现正确

稍后,我尝试通过“重新加载”按钮更新行,通过获取请求获取数据,然后通过 javascript 添加行:

虽然我通过 javascript 使用与通过 pug 添加的相同属性插入了 HTML 代码,但复选框的呈现方式不同:它被呈现,但 css 样式现在消失了:

复选框呈现错误

我应该如何通过 javascript 添加复选框并仍然获得正确的 css 样式?

0 投票
1 回答
359 浏览

r - gentelellashiny:无法显示图标和更改标题

我发现这个 gentelella bootstrap 主题非常好。我正在尝试将其用于我的个人财务仪表板。我正在尝试做以下两件事:
1. 在侧边栏中显示图标
2. 将标题从“Shiny Gentelella”更改为“My Dashboard”。

我只是尝试通过使用 gentelellapagecustom 函数来部署下面链接中的代码。为此,我安装了 gentelellashiny 包,如下所示 devtools::install_github("MarkEdmondson1234/gentelellaShiny")

并按原样执行代码。我在下面做了:
1. 将“条形图”之类的图标名称称为图标(“条形图”)。没运气。我放的任何图标都只显示框。
2.将title =“Shiny Gentelella”更改为title =“My Dashboard”。我相信标题在源代码中是硬编码的,因此任何更改都不会得到反映。

https://github.com/MarkEdmondson1234/gentelellaShiny#set-up-an-advanced-custom-page

我在这里错过了什么吗?
实际结果:

在此处输入图像描述

注意:我有另一个用“shinydashboard”构建的仪表板。带有标签“icon(”home“)”的图标正确显示。

0 投票
2 回答
630 浏览

html - 如何像在移动模式下一样在 Gentelella 中始终隐藏加载侧边栏?

我需要始终默认隐藏侧边栏菜单,以便当用户单击切换按钮时,它将显示折叠菜单(nav-sm)。

换句话说,我需要在所有设备中都具有与移动模式相同的行为。我尝试了很多,但没有任何进展!

0 投票
1 回答
1067 浏览

vue.js - Vue.js 的 Gentelella UI 框架问题

我试图集成 Gentelella Bootstrap 管理模板(https://github.com/ColorlibHQ/gentelella),但遇到了 jquery 依赖项的问题。错误:“未定义 JQuery”。

JQuery 未定义 我想知道是否有人尝试过实施这样的事情并成功地做到了。如果你这样做了,请与我分享。谢谢你。

我已确保遵循此处文章中的所有必需步骤:

https://libraries.io/github/shenshuai89/vueGentelella https://www.npmjs.com/package/gentelella https://github.com/ColorlibHQ/gentelella/issues/729

但没有一个帮助。

0 投票
0 回答
33 浏览

bower - 如何创建自己的凉亭资产?

我需要使用 Gentelella Theme (ColorlibHQ/gentelella) 的分支创建我自己的凉亭资产,因为我需要一个轻量级的供应商版本。

我在终端上完成了以下代码:

然后我删除了一些包裹并且我有数字

从未使用的库中纯化。比我用

但是我看不到它https://bower.io/search/,如果我从另一个应用程序调用它似乎不存在。