https://docs.kentico.com/k11/developing-websites/developing-websites-using-the-portal-engine/using-web-part-containers

Webpart Container

webpart container中的orangebox,

SELECT *
FROM   dbo.CMS_WebPartContainer
WHERE  ContainerDisplayName LIKE '%orange%';

把StyleSheet绑定给站点使用

站点使用CSS StyleSheet

orangeBox必须要绑定这个stylesheet,否则无法正常显示

.orangeBox .title
{background: url("~/App_Themes/CorporateSite/Images/orangebox.png") repeat-x scroll 0 0 #e56814;color: #ffffff;font-size: 140%;margin-bottom: 0;margin-top: 0;padding: 8px 10px;
}

SELECT *
FROM dbo.CMS_CssStylesheet
WHERE StylesheetText LIKE '%orangebox%';

分析

首先在style sheet中定义好class

.orangeBox
{border: 1px solid #f59045;margin-bottom: 15px;
}.orangeBox .title
{background: url("~/App_Themes/CorporateSite/Images/orangebox.png") repeat-x scroll 0 0 #e56814;color: #ffffff;font-size: 140%;margin-bottom: 0;margin-top: 0;padding: 8px 10px;
}.orangeBox .content {padding: 5px;
}

在webpart container中使用定义好的css

<div class="orangeBox">
<h3 class="title">{%ContainerTitle%}</h3>
<div class="content">□</div>
</div>

第四行中的□代表的是webpart

在webpart的webpart container属性中设置使用哪一个webpart container

转载于:https://www.cnblogs.com/chucklu/p/9047388.html

how to use webpart container in kentico相关推荐

  1. Go 学习笔记(80)— Go 标准库 container/list(单链表、双链表)

    列表是一种非连续存储的容器,由多个节点组成,节点通过一些变量记录彼此之间的关系.列表有多种实现方法,如单链表.双链表等. ​ 在 Go 语言中,将列表使用 container/list 包来实现,内部 ...

  2. Ubuntu 16.04 安装 Docker - Dependency failed for Docker Application Container

    Docker 安装 由于 apt 官方库里的 Docker 版本可能比较旧,所以先卸载可能存在的旧版本: sudo apt-get remove docker docker-engine docker ...

  3. SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题...

    转:http://blog.csdn.net/miragesky2049/article/details/7204882 SharePoint2010沙盒解决方案基础开发--关于TreeView树形控 ...

  4. 怎么在vs2010中使用ActiveX Test Container(转)

    ActiveX Test Container Application is Still Available(转) Hello, I'm Pat Brenner, a developer on the ...

  5. Bootstrap学习记录-2.container和table

    1. Container Bootstrap中容器类提供了2个类标识:container.container-fluid. 两者的区别在于: container:容器不止有15px的padding,还 ...

  6. 数据绑定以及Container.DataItem绑定技巧

    数据绑定以及Container.DataItem绑定技巧 灵活的运用数据绑定操作          绑定到简单属性:<%#UserName%>          绑定到集合:<asp ...

  7. docker删除es数据_docker问题:quot;rpc error: code = 2 desc = containerd: container ...quot;

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:原创文章分类汇总及配套源码,涉及Java.Docker.K8S.Devops等 问题突现 在执 ...

  8. C++中的容器(STL容器)container

    1.容器 容器(container)用于存放数据的类模板.可变长数组.链表.平衡二叉树等数据结构在STL中都被实现为容器.使用容器时,即将容器类模板实例化为容器类时,会指明容器中存放的元素是什么类型的 ...

  9. LeetCode 11. Container With Most Water--Java 解法--困雨水简单版

    LeetCode 11. Container With Most Water–Java 解法 此文首发于我的个人博客:LeetCode 11. Container With Most Water–Ja ...

最新文章

  1. python爬虫简单实例-Python 利用Python编写简单网络爬虫实例3
  2. 经纬度画轨迹图_实战Python制作炫酷的个人3D动态足迹图
  3. bootcss echarts_数据可视化插件使用(Echarts)
  4. requestURI的组成部分
  5. 怎么在Java里辨别小数_求教java中如何判断一个数是不是小数,求详细代码及解释...
  6. mysql基础,索引
  7. os x php,OS X 安装php7.0
  8. android学习笔记---android常用的软件布局方式,使用方法总结
  9. 关于ftp的被动模式与IPTABLES策略
  10. 谈谈免费的仓库管理软件
  11. 高端游戏计算机电源外形规格,游戏新高度!实述高端电源选购技巧
  12. 【Python】reset_index函数
  13. python 移动平均线_Python中的SMA(短期移动平均线)
  14. 生信人的20个R语言习题
  15. 机器学习自动化 要学习什么_自动化机器学习的现状
  16. AlexNet网络介绍
  17. Redis的数据结构及底层原理
  18. 如何将安卓手机WiFI镜像投屏到电脑
  19. 期市财盛:9月12日美原油期货日内行情分析_期市黄金策略
  20. spring cloud alibaba nacos

热门文章

  1. call,apply
  2. Android近场通信---NFC基础(二)(转)
  3. [架构] 分布式和集群的区别
  4. PL/SQL之高级篇
  5. 通过Rancher安装K8s
  6. 交换机的基本原理配置(一)
  7. 云计算技术的跃进睿云智合专业先进水平
  8. RedHat5.2下Linux Oracle 10g ASM 安装详细实录-第二篇-ASM安装
  9. Linux常用命令汇总--ln
  10. Udi Dahan对于业务逻辑重用以及微服务方面的观点