Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Bloco de código
languagecss
firstline1
titleCSS CollapsiblePanel
linenumberstrue
collapsetrue
<style type="text/css">
.expand-container{
margin-top:5px !important;
font-weight: normal !important;
}

.expand-control{
margin-bottom: 5px !important;
}

pre{
white-space: inherit !important;
}

table tr:nth-child(odd), table tr:nth-child(odd) > *{
   background: transparent !important;
border: 0 !important;
}

.pdl .codeContent .gutter{
    border-right: 1px solid #ccc !important;
}

.wiki-content .innerCell {
    overflow-y: hidden;
}

.HiddenDiv .confluence-information-macro .confluence-information-macro pre{
    display: none;
}
.HiddenDiv .wiki-content a:link, .HiddenDiv .wiki-content a, .HiddenDiv .tab-nav-link, .HiddenDiv .current{
     color: #000 !important; 
}

.wiki-content a:link {
    color: #000 !important;
}

.lastDiv + pre{
    font-family: inherit;
}

.white-container{
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.confluence-embedded-file-wrapper .confluence-embedded-image{
    max-width: 100% !important;
    max-height: 100%;
}


div .outerDiv{
	border:1px solid #aab8c6;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f7f7f7;
}


div .outerDivWrapper{
	background:#f7f7f7;
	width:calc(100% - 10px);
	height:30px;color: #000;
	font-weight:bold;
	font-size: 16px;
	padding:5px;
	border-bottom: 1px solid #aab8c6;
	margin-bottom:14px;
}

</style>

3 - Adicione o Script do Totvs.CollapsiblePanel

HTML
<script type="text/javascript">
Totvs = {
	CollapsiblePanel: function(optCollapsiblePanel){
		this.Id = "CollapsiblePanel1";
		this.ElementToAttach = window.body;
		this.TitleMark = "<titlemark>";


		if(optCollapsiblePanel != null && optCollapsiblePanel != undefined){
			this.Id = optCollapsiblePanel.Id;
			this.ElementToAttach = optCollapsiblePanel.ElementToAttach;
		}
	},

	CollapsiblePanelGroup: function(optCollapsiblePanelGroup){

	},

	CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){

	}
}
</script>


<titlemark>Título</titlemark>
Bloco de código
languagejs
firstline1
titleTotvs.CollapsiblePanel
linenumberstrue
collapsetrue
<script type="text/javascript">
Totvs = {
	CollapsiblePanel: function(optCollapsiblePanel){

	},

	CollapsiblePanelGroup: function(optCollapsiblePanelGroup){

	},

	CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){

	}
}
</script>

...