dojo的TabContainer竖排摆放tab标签

因项目样式需要，要使用TabContainer并需要将Tab标签在左侧竖排显示，并添加关闭按钮。

创建TabContainer

var tabContainer = new TabContainer({
tabPosition: "left" //控制在左侧显示
}, this.tabContainerNode);

向TabContainer中添加标签页

var tab= new ContenPane({
style: "padding-left:0px;padding-top:0px",
title: "标<br/>签<br/>页", //标签title，人为添加换行符，若不添加，虽然标签显示在左侧，但文字会显示在一行而不是一列
closable: true //显示关闭按钮
});
tabContainer .addChild(tab);

需要设置标签页关闭按钮的样式，主要是dijitTabCloseButton，如果不做此设置，关闭图标会并列现实在文字右侧

.light .mapControlDefault .dijitTabCloseButton{
/*更改TabContainer的面板关闭按钮样式*/
display:table;
margin-left:0px;
}

dojo的TabContainer竖排摆放tab标签相关推荐

php tab标签,JavaScript代码分享：tab标签的切换
本文实例讲述了js实现点击切换TAB标签.分享给大家供大家参考.具体如下: 这里演示的选项卡效果代码,无jq,纯JS来实现,灰色风格,没有怎么美化,或许看上去比较普通,不过兼容性和操作起来挺舒服的,风 ...
滑动门和翻转门实现的横竖双tab标签测试页面（附源码）
双tab可以用来表现二维数据的某一个单元.所以很多情况下还是比较有用的.但是很少人用这个而已.人们少用的原因比较多.反正我是比较少见的. 此版本至少测试版,只有IE6下进行了测试.FF和IE7一定会有 ...
Android 开源框架ViewPageIndicator 和 ViewPager 仿网易新闻客户端Tab标签
转载请注明出处:http://blog.csdn.net/xiaanming/article/details/10766053 之前用JakeWharton的开源框架ActionBarSherl ...
html5 css3 卡片切换,HTML5之纯CSS3实现的tab标签切换
HTML5的运用之纯CSS3实现的tab标签切换 CSS3代码实现的tab标签切换 *{padding:0px;margin:0px;} #tab{margin:20px;20px;position: ...
jQuery控制tab标签页
Tab标签多个tab标签,选中状态通过JS修改class 先设置所有tabButtonStyle的class为tabButtonStyle,在给当前按钮添加激活样式 // tab激活 $('.tab ...
html tab与jQuery,js与jquery分别实现tab标签页功能的方法
本文实例讲述了js与jquery分别实现tab标签页功能的方法.分享给大家供大家参考,具体如下: 首先列出样式和html标签 *{margin: 0;padding: 0;} #myul li {li ...
android之tab分页标签的实现方法,Android应用中使用ViewPager和ViewPager指示器来制作Tab标签...
一.ViewPageIndicator开源框架的基本用法我们先得去Github上面下载这个库,下载地址:https://github.com/JakeWharton/Android-ViewPager ...
TabActivity中的Tab标签详细设置
参考链接: http://www.iteye.com/topic/602737 这个写的很不错,我是跟着一步步写下来的,不过到最后也遇到了麻烦,就是不能将Tab标签的文字和图片分开,始终是重合的,而且 ...
Android 默认Tab标签大小及间距修改
一般来说,我都是用Android默认的Tab,但此时Android会根据你增加的Tab页面平均分配Tab标签,假如你只有两个Tab,那么长度将会很长,并且其高度略微过高,并不好看,网上解决这个问题有些 ...

dojo的TabContainer竖排摆放tab标签

dojo的TabContainer竖排摆放tab标签相关推荐

最新文章

热门文章