【问题标题】:how to make event title appear in multiple lines full calendar version 5 (resource timeline view)如何使事件标题出现在多行完整日历版本 5(资源时间线视图)
【发布时间】:2020-10-13 06:12:59
【问题描述】:

这是我对日历的初始视图

initialView: 'resourceTimelineFiveDays',

这是我的代码。我已经添加了正常的空白,即使那样它也不起作用。 我不知道错误。

.fc-event-title{
white-space: normal;
},
.fc-event-title-container{
height:25px;
white-space: normal;
}

【问题讨论】:

  • 你想得到什么确切的效果?当事件标题包含多个单词或其他内容时,您想将其拆分为多行吗?请举一个具体的例子来说明你的目标。 “不工作”并不能帮助我们理解任何事情。谢谢。
  • 我的活动标题超过30字。它仅显示一行代码(3 个字),具体取决于时隙持续时间的宽度。我希望我的完整标题显示在多行中。
  • 我认为实际上这对于标题来说太大了。更好的用户界面是有一个简短的标题,然后是一个包含额外细节的自定义“描述”字段,并设置一个弹出框,显示事件何时被单击(或悬停)并包含描述和您可能的任何其他细节想。这就是人们通常处理这种情况的方式。
  • 事件高度由父元素的高度以编程方式固定(无论如何,在时间轴视图中),以便整齐地实现布局,因此您不能轻易更改。跨度>

标签: html css fullcalendar fullcalendar-scheduler fullcalendar-5


【解决方案1】:

很简单,您可以使用 html Tag < br > 来创建新行。 例如:

let title = "invoice "+ 1556 + '< br >'+ 'Total Value'+'$1500';

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多