Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_Carousel.js?version=15&modificationDate=1521836856000&api=v2"></script>
<script type="text/javascript" src="/download/attachments/347442711/TOTVS_Accordion.mutate.js?version=12&modificationDate=1521827027000&api=v2"></script>
<script type="text/javascript" src="/download/attachments/347442711/TOTVS_Accordion.js?version=1&modificationDate=1521827211000&api=v2"></script>
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_DocumentSearcher.js?version=15&modificationDate=1521838432570&api=v2"></script>
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_Keywords.js?version=10&modificationDate=1522346687000&api=v2"></script>
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_TDNNewModel.js?version=1&modificationDate=15223466870001522686091726&api=v2"></script>
<link rel="stylesheet" type="text/css" href="/download/attachments/330843097/TOTVS_Carousel.css?version=1&modificationDate=1521836856000&api=v2">
<link rel="stylesheet" type="text/css" href="/download/attachments/347442711/TOTVS_Accordion.css?version=110&modificationDate=1521826790000&api=v2">
<link rel="stylesheet" type="text/css" href="/download/attachments/330843097/TOTVS_Keywords.css?version=12&modificationDate=1522346687000&api=v2">
<link rel="stylesheet" type="text/css" href="/download/attachments/330843097/TOTVS_TDNNewModel.css?version=1&modificationDate=1522686091289&api=v2">

TOTVS TOTVS Accordion 

...

Para se utilizar o TOTVS Accordion, alguns passos devem ser utilizados:

...

Bloco de código
languagexml
firstline1
titlescript
linenumberstrue
<script type="text/javascript" src="/download/attachments/347442711/TOTVS_Accordion.mutate.js?version=12&modificationDate=1521827027000&api=v2"></script>
<script type="text/javascript" src="/download/attachments/347442711/TOTVS_Accordion.js?version=1&modificationDate=1521827211000&api=v2"></script>

...

HTML
<script type="text/javascript">
Totvs = {
	CollapsiblePanelAccordion: function(optCollapsiblePanel){
		var oCollapsiblePanel = function(optCollapsiblePanel){
			this.Id = "CollapsiblePanel1";
			this.ElementToAttach = window.body;
			this.TitleMark = "titlemark";
			this.Title = "";
			this.TitleImageUrl = "";
			this.Groups = [];

			this.LoadComponents = function(optCollapsiblePanel){
				if(optCollapsiblePanel != null && optCollapsiblePanel != undefined && !$.isEmptyObject(optCollapsiblePanel)){
					if(optCollapsiblePanel.Id != null && optCollapsiblePanel.Id != undefined && optCollapsiblePanel.Id != "")
						this.Id = optCollapsiblePanel.Id;

					if(optCollapsiblePanel.ElementToAttach != null && optCollapsiblePanel.ElementToAttach != undefined)
						this.ElementToAttach = optCollapsiblePanel.ElementToAttach;


					if(optCollapsiblePanel.Title != null && optCollapsiblePanel.Title != undefined && optCollapsiblePanel.Title != "")
						this.Title = optCollapsiblePanel.Title;


					if(optCollapsiblePanel.TitleMark != null && optCollapsiblePanel.TitleMark != undefined && optCollapsiblePanel.TitleMark != "")
						this.TitleMark = optCollapsiblePanel.TitleMark.replace("<").replace(">");

					if(optCollapsiblePanel.TitleImageUrl != null && optCollapsiblePanel.TitleImageUrl != undefined && optCollapsiblePanel.TitleImageUrl != "")
						this.TitleImageUrl = optCollapsiblePanel.TitleImageUrl;

					if(optCollapsiblePanel.Groups != null && optCollapsiblePanel.Groups != undefined)
						this.Groups = optCollapsiblePanel.Groups ;
				}
					
				var ElementCollapsiblePanel = document.createElement('div');
				ElementCollapsiblePanel.id = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.name = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.className = "outerDiv";


				var ElementCollapsiblePanelWrapper = document.createElement('div');
				ElementCollapsiblePanelWrapper.id = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.name = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.className = "outerDivWrapper";
				
				if(this.Title != null && this.Title != undefined && this.Title != ""){
					if(this.TitleImageUrl != null && this.TitleImageUrl != undefined && this.TitleImageUrl != ""){
						
						var ElementCollapsiblePanelWrapperTitleSpan = document.createElement('span');
						ElementCollapsiblePanelWrapperTitleSpan.id = this.Id + "_OuterDivWrapperTitleSpan";
						ElementCollapsiblePanelWrapperTitleSpan.name = this.Id + "_OuterDivWrapperTitleSpan";
						ElementCollapsiblePanelWrapperTitleSpan.className = "outerDivWrapperTitleSpan";


						var ElementCollapsiblePanelWrapperTitleSpanImg = document.createElement('img');
						ElementCollapsiblePanelWrapperTitleSpanImg.id = this.Id + "_OuterDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.name = this.Id + "_OuterDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.className = "outerDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.src = this.TitleImageUrl;


						ElementCollapsiblePanelWrapperTitleSpan.appendChild(ElementCollapsiblePanelWrapperTitleSpanImg);


						var ElementCollapsiblePanelWrapperTitleSpanText = document.createElement('span');
						ElementCollapsiblePanelWrapperTitleSpanText .id = this.Id + "_OuterDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText .name = this.Id + "_OuterDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText .className = "outerDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText.innerHTML = this.Title;


						ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpan);
						ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpanText);
					}
					else
						ElementCollapsiblePanelWrapper.innerHTML = this.Title;
				}
				else{
					if($(window.document).find(this.TitleMark).length > 0)
						ElementCollapsiblePanelWrapper.innerHTML = $(window.document).find(this.TitleMark)[0].innerHTML;
				}
				ElementCollapsiblePanel.appendChild(ElementCollapsiblePanelWrapper);

				for(var i = 0; i < this.Groups.length; i++){
					ElementCollapsiblePanel.appendChild(this.Groups[i]);


					if(this.Groups.length > 1 && i < this.Groups.length - 1){
							var _paddingDiv = document.createElement("div");
							_paddingDiv.className = "paddingDiv";
							ElementCollapsiblePanel.appendChild(_paddingDiv);
						}
				}
				if(typeof this.ElementToAttach === "string")
					this.ElementToAttach = document.getElementById(this.ElementToAttach);
			
				this.ElementToAttach.appendChild(ElementCollapsiblePanel);

				return this;	
			}


			return this.LoadComponents(optCollapsiblePanel);
		}
		
		return new oCollapsiblePanel(optCollapsiblePanel);
	},
				
	CollapsiblePanelGroup: function(optCollapsiblePanelGroup){
		var oCollapsiblePanelGroup = function(optCollapsiblePanelGroup){
			this.Id = "CollapsiblePanelGroup1";
			this.Parent = null;
			this.GroupTitleMark = "grouptitlemark{0}"
			this.GroupTitle = "";
			this.GrouptTitleImageUrl = "";

			this.LoadComponents = function(optCollapsiblePanelGroup){


				if(optCollapsiblePanelGroup!= null && optCollapsiblePanelGroup!= undefined && !$.isEmptyObject(optCollapsiblePanelGroup)){
					if(optCollapsiblePanelGroup.GroupTitle != null && optCollapsiblePanelGroup.GroupTitle != undefined && optCollapsiblePanelGroup.GroupTitle != "")
						this.GroupTitle = optCollapsiblePanelGroup.GroupTitle;


					if(optCollapsiblePanelGroup.GroupTitleImageUrl!= null && optCollapsiblePanelGroup.GroupTitleImageUrl != undefined && optCollapsiblePanelGroup.GroupTitleImageUrl!= "")
						this.GroupTitleImageUrl = optCollapsiblePanelGroup.GroupTitleImageUrl;


					if(optCollapsiblePanelGroup.GroupTitleMark != null && optCollapsiblePanelGroup.GroupTitleMark != undefined && optCollapsiblePanelGroup.GroupTitleMark != "")
						this.GroupTitleMark = optCollapsiblePanelGroup.GroupTitleMark.replace("<").replace(">");
				}				


				var ElementCollapsiblePanelGroup = document.createElement('div');
				ElementCollapsiblePanelGroup.id = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.name = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.className = "groupOuterDiv";


				var ElementCollapsiblePanelGroupWrapper = document.createElement('div');
				ElementCollapsiblePanelGroupWrapper.id = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.name = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.className = "groupOuterDivWrapper";

			
				if(this.GroupTitle != null && this.GroupTitle != undefined && this.GroupTitle != ""){
					if(this.GroupTitleImageUrl != null && this.GroupTitleImageUrl != undefined && this.GroupTitleImageUrl != ""){
							var ElementCollapsiblePanelGroupWrapperTitleSpan = document.createElement('span');
							ElementCollapsiblePanelGroupWrapperTitleSpan.id = this.Id + "_GroupOuterDivWrapperTitleSpan";
							ElementCollapsiblePanelGroupWrapperTitleSpan.name = this.Id + "_GroupOuterDivWrapperTitleSpan";
							ElementCollapsiblePanelGroupWrapperTitleSpan.className = "groupOuterDivWrapperTitleSpan";


							var ElementCollapsiblePanelGroupWrapperTitleSpanImg = document.createElement('img');
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.id = this.Id + "_GroupOuterDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.name = this.Id + "_GroupOuterDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.className = "outerDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.src = this.GroupTitleImageUrl;


							ElementCollapsiblePanelGroupWrapperTitleSpan.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpanImg);


							var ElementCollapsiblePanelGroupWrapperTitleSpanText = document.createElement('span');
							ElementCollapsiblePanelGroupWrapperTitleSpanText .id = this.Id + "_GroupOuterDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText .name = this.Id + "_GroupOuterDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText .className = "groupOuterDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText.innerHTML = this.GroupTitle;


							ElementCollapsiblePanelGroupWrapper.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpan);
							ElementCollapsiblePanelGroupWrapper.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpanText);
					}
					else
						ElementCollapsiblePanelGroupWrapper.innerHTML = this.GroupTitle;
				}
				else{
					if($(window.document).find(this.GroupTitleMark).length > 0)
						ElementCollapsiblePanelGroupWrapper.innerHTML = $(window.document).find(this.GroupTitleMark)[0].innerHTML;
				}

				ElementCollapsiblePanelGroup.appendChild(ElementCollapsiblePanelGroupWrapper);


				return ElementCollapsiblePanelGroup;
			}


			return this.LoadComponents(optCollapsiblePanelGroup);
		}


		return oCollapsiblePanelGroup(optCollapsiblePanelGroup);
	},

	CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){
		var oCollapsiblePanelGroupItem = function(optCollapsiblePanelGroupItem) {
				this.LoadComponents = function(optCollapsiblePanelGroupItem){

					return null;

				}


				return this.LoadComponents(optCollapsiblePanelGroupItem);

		}


		return oCollapsiblePanelGroupItem(optCollapsiblePanelGroupItem);
	}
}
</script>

3 - Adicione o Script das Chamadas ao TOTVS_Accordion

html
Bloco de código
languagejs
firstline1
titleTotvs.CollapsiblePanel Chamada
linenumberstrue
collapsetrue
<script type="text/javascript">
var _groups = [];

optCollapsiblePanelGroup1 = {
	GroupTitle: "Grupo de Teste1",
	GroupTitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2"
}


var _group1 = Totvs.CollapsiblePanelGroup(optCollapsiblePanelGroup1);
_groups.push(_group1);

optCollapsiblePanelGroup2 = {
	GroupTitle: "Grupo de Teste2",
	GroupTitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2"
}

var _group2 = Totvs.CollapsiblePanelGroup(optCollapsiblePanelGroup2);
_groups.push(_group2);



optCollapsiblePanel1 = {
	ElementToAttach: "divContent",
	Groups: _groups,
	TitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2",
	Title: "Título de Teste"
}

var _collapsiblePanel1 = Totvs.CollapsiblePanelAccordion(optCollapsiblePanel1);
</script>


<div id="divContent"><div>></div>
Bloco de código
languagejs
firstline1
titleTotvs.CollapsiblePanel Chamada
linenumberstrue
collapsetrue
HTML
<div id="divAccordion"></div>


<script type="<script type="text/javascript">
var _groups = [];

optCollapsiblePanelGroup1 = {
	GroupTitle: "Grupo de Teste1",
	GroupTitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2"
}


var _group1 = Totvs.CollapsiblePanelGroup(optCollapsiblePanelGroup1);
_groups.push(_group1);

optCollapsiblePanelGroup2 = {
	GroupTitle: "Grupo de Teste2",
	GroupTitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2"
}

var _group2 = Totvs.CollapsiblePanelGroup(optCollapsiblePanelGroup2);
_groups.push(_group2);



optCollapsiblePanel1optAccordion1 = {
	ElementToAttach: "divContentdivAccordion",
	Groups: _groups,
	TitleImageUrl: "/download/attachments/309398329/transfer3.png?version=2&modificationDate=1509366835358&api=v2",
	Title: "Título de Teste"
}

var _collapsiblePanel1 = Totvs.CollapsiblePanelAccordion(optCollapsiblePanel1optAccordion1);
</script>


<div id="divContent"><div>

TDN Document Searcher

...

Para se utilizar o TDN Document Searcher, alguns passos devem ser utilizados:

...

Bloco de código
languagexml
firstline1
titlescript
linenumberstrue
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_DocumentSearcher.js?version=15&modificationDate=1521838432570&api=v2"></script>

...

Bloco de código
languagexml
firstline1
titlescript
linenumberstrue
collapsetrue
<style>
	.changeSelection::selection {
		background:rgba(0,0,0,0.2);
	}
</style>

...

Bloco de código
languagexml
firstline1
titlehtmlscript
linenumberstrue
<script type="text/javascript" src="/download/attachments/330843097/TOTVS_Carousel.js?version=25&modificationDate=1521836856000&api=v2"></script>

...

Bloco de código
languagexml
firstline1
titlescripthtml
linenumberstrue
<div id="divContainer"></div>

4 - Adicione o Script de Chamada

Bloco de código
languagexml
firstline1
titlescript chamada
linenumberstrue
<script>

var _images = [];

var _imagesSettings1 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-1.png?version=1&modificationDate=1521744577627&api=v2',
	Caption: 'Página 1'
}

var _imagesSettings2 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-2.png?version=1&modificationDate=1521744583301&api=v2',
	Caption: 'Página 2'
}

var _imagesSettings3 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-3.png?version=1&modificationDate=1521744585793&api=v2',
	Caption: 'Página 3'
}

var _imagesSettings4 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-4.png?version=1&modificationDate=1521744587348&api=v2',
	Caption: 'Página 4'
}

var _imagesSettings5 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-5.png?version=1&modificationDate=1521744590331&api=v2',
	Caption: 'Página 5'
}

var _imagesSettings6 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-6.png?version=1&modificationDate=1521744593147&api=v2',
	Caption: 'Página 6'
}

var _imagesSettings7 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-7.png?version=1&modificationDate=1521744596596&api=v2',
	Caption: 'Página 7'
}

var _imagesSettings8 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-8.png?version=1&modificationDate=1521744598581&api=v2',
	Caption: 'Página 8'
}

var _imagesSettings9 = {
	Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-9.png?version=1&modificationDate=1521744575616&api=v2',
	Caption: 'Página 9'
}

_images.push(_imagesSettings1);
_images.push(_imagesSettings2);
_images.push(_imagesSettings3);
_images.push(_imagesSettings4);
_images.push(_imagesSettings5);
_images.push(_imagesSettings6);
_images.push(_imagesSettings7);
_images.push(_imagesSettings8);
_images.push(_imagesSettings9);
TOTVS_Carousel.Init('Carousel1', 'divContainer', 5000, _images, true, true, true, 'Cache Centralizado', 'black');
TOTVS_Carousel.ShowSlides();
</script>

...

Para se utilizar o TOTVS Keywords, alguns passos devem ser utilizados:

HTML
<div id="keyWordContainerDiv" style="padding-top: 10px;"></div>

<script>

InitTotvsKeywords = function(){
	var _tagsEl = document.getElementsByClassName('aui-label-split-main');
	var _tags = [];

	for(var i=0; i < _tagsEl.length; i++){
		_tags.push(_tagsEl[i].innerHTML);
	}


	TOTVS_Keywords.Build('TOTVS_KeyWord', 'keyWordContainerDiv', _tags);
}
window.onload = function() { 
	InitTotvsKeywords();
	var _interval = setInterval(function(){
		var _valor = (document.getElementsByClassName('aui-dialog').length > 0) ? document.getElementsByClassName('aui-label-split-main').length / 2 : document.getElementsByClassName('aui-label-split-main').length;
		if(TOTVS_Keywords.Tags.Length != _valor){
			TOTVS_Keywords.Container.removeChild(document.getElementById(TOTVS_Keywords.Id + "_ContainerWrapper"));
			InitTotvsKeywords();
		}
	}, 1000);
}


</script>

TOTVS TDN Document New Model

Para se utilizar o TOTVS TDN Document New Model, alguns passos devem ser utilizados:

1 - Adicione o Style

Bloco de código
languagexml
firstline1
titlestyle
linenumberstrue
<link rel="stylesheet" type="text/css" href="/download/attachments/330843097/TOTVS_Keywords.css?version=1&modificationDate=1522346687000&api=v2">

2 - Adicione o Javascript

Bloco de código
languagexml
firstline1
titlescript
linenumberstrue
<script type="text/javascript" src=
HTML
<div id="newModelContent"></div>


<style>
@import url('https://fonts.googleapis.com/css?family=Lato');
.NewModel-Wrapper{
	background-color:  #fff !important;
	font-family: 'Lato', sans-serif !important;
	display: table;
	width: 100%;
}


.NewModel-Wrapper-Left-Img{
	float: left;
	width: 64px;
	height: 64px;
}


.NewModel-Wrapper-Title{
	float: left;
	font-weight: 900; /*lato black*/
	font-family: 'Lato', sans-serif !important;
	font-size: 24px;
}


.NewModel-Wrapper-Totvs-Img{
	float: left;
	width: 64px;
	height: 64px;
}
</style>
<script>


TOTVS_TDN_Document_New_Model = {
	Id: "New_Model1",
	Container: null,
	WrapperEl: null,
	Init: function(id, nameOfContainer){
		this.Id = id;
		this.Container = (typeof nameOfContainer === "string") ? document.getElementById(nameOfContainer) : nameOfContainer;
	},
	Build: function(id, nameOfContainer){
		this.Init(id, nameOfContainer);


		var _newModelWrapper = document.createElement("div");
		_newModelWrapper.id = this.Id + "_Wrapper";
		_newModelWrapper.className = "NewModel-Wrapper"
		
		this.Container.appendChild(_newModelWrapper);
		this.WrapperEl = _newModelWrapper;
	},
	AddHeader: function(title){
		var _newModelHeader = document.createElement("div");
		_newModelHeader.id = this.WrapperEl.id + "_Header";
		
		var _newModelHeaderLeftIcon = document.createElement("img");
		_newModelHeaderLeftIcon.id = this.WrapperEl.id + "_HeaderLeftImg"
		_newModelHeaderLeftIcon.name = _newModelHeaderLeftIcon.id;
		_newModelHeaderLeftIcon.src = "/download/attachments/330843097/leftTOTVS_iconKeywords.pngjs?version=110&modificationDate=15223494272411522346687000&api=v2";
		_newModelHeaderLeftIcon.className = "NewModel-Wrapper-Left-Img";


		_newModelHeader.appendChild(_newModelHeaderLeftIcon);


		var _newModelHeaderTitle = document.createElement("span");
		_newModelHeaderTitle.id = this.WrapperEl.id + "_HeaderSpan"
		_newModelHeaderTitle.name = _newModelHeaderTitle.id;
		_newModelHeaderTitle.innerHTML = title;
		_newModelHeaderTitle.className = "NewModel-Wrapper-Title";


		_newModelHeader.appendChild(_newModelHeaderTitle);


		var _newModelHeaderTotvsIcon = document.createElement("img");
		_newModelHeaderTotvsIcon.id = this.WrapperEl.id + "_HeaderTotvsImg"
		_newModelHeaderTotvsIcon.name = _newModelHeaderTotvsIcon.id;
		_newModelHeaderTotvsIcon.src = ></script>

3 - Adicione o HTML

Bloco de código
languagexml
firstline1
titlehtml
linenumberstrue
<div id="keyWordContainerDiv" style="padding-top: 10px;"></div>

4 - Adicione o Script de Chamada

Bloco de código
languagexml
firstline1
titlescript chamada
linenumberstrue
TOTVS_Keywords.WindowLoad('TOTVS_KeyWord', 'keyWordContainerDiv', null);
HTML
<div id="keyWordContainerDiv" style="display:table"></div>

<script>
	TOTVS_Keywords.WindowLoad('TOTVS_KeyWord', 'keyWordContainerDiv', null);
</script>

TOTVS TDN Document New Model

...

Para se utilizar o TOTVS TDN Document New Model, alguns passos devem ser utilizados:

1 - Adicione o Style

Bloco de código
languagexml
firstline1
titlestyle
linenumberstrue
<link rel="stylesheet" type="text/css" href="/download/attachments/330843097/TOTVS_TDNNewModel.css?version=2&modificationDate=1522686091289&api=v2">

2 - Adicione o Javascript

Bloco de código
languagexml
firstline1
titlescript
linenumberstrue
<script type="text/javascript" src="/download/attachments/330843097/totvsTOTVS_iconTDNNewModel.pngjs?version=42&modificationDate=15223494274911522686091726&api=v2"></script>

3 - Adicione o HTML

Bloco de código
languagexml
firstline1
titlehtml
linenumberstrue
<div id="newModelContent" style="width:100%; height: 100%;"></div>

4 - Adicione o Script de Chamada

Bloco de código
languagexml
firstline1
titlescript chamada
linenumberstrue
window.onload =;
		_newModelHeaderTotvsIcon.className = "NewModel-Wrapper-Totvs-Img";

		_newModelHeader.appendChild(_newModelHeaderTotvsIcon);


		this.WrapperEl.appendChild(_newModelHeader);
	},
	AddBody: function(){
		var _newModelBody = document.createElement("div");


		this.WrapperEl.appendChild(_newModelBody);
	},
	AddFooter: function(){
		var _newModelFooter = document.createElement("div");


		this.WrapperEl.appendChild(_newModelFooter);
	}
}


TOTVS_TDN_Document_New_Model.Build('Document1', 'newModelContent');
	TOTVS_TDN_Document_New_Model.AddHeader('Serviço de Cache Centralizado <span>Instalação e Configuração</span>');
	TOTVS_TDN_Document_New_Model.BuildAddBody('Document1', 'newModelContent');
TOTVS_TDN_Document_New_Model.AddHeader('Serviço de Cache Centralizado');
</script>'divBody');
}
HTML
<iframe style="width:100%;height: 1000px; border: 0" id="external-page-frame" src="http://tdn.totvs.com/display/LRM/New+Model"></iframe>

TOTVS TDN API DOC

...

HTML
<iframe style="width:100%;height: 1000px; border: 0" id="external-page-frame" src="http://tdn.totvs.com/display/LRM/Exemplo+TotvsApiDoc"></iframe>