Histórico da Página
| HTML |
|---|
<style type="text/css">
#myContent{
width:100%;
height:100%;
overflow:hidden;
margin:0px;
padding:0px;
background:url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2);
}
</style>
<div id="myContent">
<div>
<script type="text/javascript">
createContainer = function(optContainer){
var oContainer = function(optContainer){
this.ID = "container1";
this.Title = "";
this.SubTitle = "";
this.ImageUrl = "";
this.Description = "";
this.NavigateUrl = "";
this.Wrapper = "";
this.LoadComponents = function(optContainer){
_containerObject = null;
_containerObjectChild = null;
this.ID = optContainer.ID
this.Title = optContainer.Title;
this.SubTitle = optContainer.SubTitle;
this.ImageUrl = optContainer.Image;
this.Description = optContainer.Description;
this.NavigateUrl = optContainer.NavigateUrl;
this.Wrapper = optContainer.Wrapper;
_containerObject = document.createElement("div");
_containerObject.id = this.ID + "_MostExternalDiv";
_containerObject.style.width = "250px";
_containerObject.style.height = "auto";
_containerObject.style.background = "#fff";
_containerObject.style.border = "1px solid #c0c0c0";
_containerObject.style.padding = "10px";
_containerObject.style.margin = "10px";
_containerObject.style.float = "left";
_containerObject.style.position = "relative";
_containerObject.style.webkitBoxShadow = "3px 3px 0px 0px rgba(100, 100, 100, 0.4)";
_containerObject.style.mozBoxShadow = "3px 3px 0px 0px rgba(100, 100, 100, 0.4)";
_containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_containerObjectTitle = document.createElement("div");
_containerObjectTitle.id = _containerObject .id + "_Title";
_containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_containerObjectTitle.style.fontSize = "16pt";
_containerObjectTitle.style.width = "100%";
_containerObjectTitle.style.height = "30px";
_containerObjectTitle.style.textAlign = "center";
_containerObjectTitle.innerHTML = this.Title;
_containerObject.appendChild(_containerObjectTitle);
_containerObjectSubTitle = document.createElement("div");
_containerObjectSubTitle.id = _containerObject .id + "_SubTitle";
_containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_containerObjectSubTitle.style.fontSize = "14pt";
_containerObjectSubTitle.style.width = "100%";
_containerObjectSubTitle.style.height = "35px";
_containerObjectSubTitle.style.textAlign = "center";
_containerObjectSubTitle.innerHTML = this.SubTitle;
_containerObject.appendChild(_containerObjectSubTitle);
_containerObjectImageBackground = document.createElement("div");
_containerObjectImageBackground.id = _containerObject .id + "_ImageBackground";
_containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
_containerObjectImageBackground.style.backgroundPosition = "center bottom";
_containerObjectImageBackground.style.width = "100%";
_containerObjectImageBackground.style.height = "100px";
_containerObjectImageBackground.style.position= "relative";
_containerObjectImageBackgroundImg = document.createElement("img");
_containerObjectImageBackgroundImg.id = _containerObjectImageBackground + "_img";
_containerObjectImageBackgroundImg.name = _containerObjectImageBackground + "_img";
_containerObjectImageBackgroundImg.src = this.ImageUrl;
_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
_containerObject.appendChild(_containerObjectImageBackground);
document.getElementById(this.Wrapper).appendChild(_containerObject);
}
this.LoadComponents(optContainer);
}
return oContainer(optContainer);
}
var oContainer1Opt = {
ID: "container1",
Title: "Expressão",
SubTitle: "(Passo a Passo)",
ImageUrl: "https://cdn2.iconfinder.com/data/icons/miscellaneous-31/60/calculator-48.png",
Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
NavigateUrl: "",
Wrapper: "myContent"
}
var _container1 = createContainer(oContainer1Opt);
var oContainer2Opt = {
ID: "container2",
Title: "Expressão",
SubTitle: "(Passo a Passo)",
ImageUrl: "https://cdn2.iconfinder.com/data/icons/miscellaneous-31/60/calculator-48.png",
Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
NavigateUrl: "",
Wrapper: "myContent"
}
var _container2 = createContainer(oContainer2Opt);
</script>
<div id="x">
<div id="divTitle" style="font-family: Segoe UI,Helvetica Neue, Helvetica, Arial,sans-serif;font-size:32px;background-color:#606060;color:#fff;height:50px;padding-left:10px;-webkit-box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.4);box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.7);">Últimos documentos criados</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Expressão
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Passo a Passo)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn2.iconfinder.com/data/icons/miscellaneous-31/60/calculator-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Texto Rico
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Limitações Design)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn2.iconfinder.com/data/icons/picol-vector/32/document_text-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Exportação PDF
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Conformidade e Versões)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn3.iconfinder.com/data/icons/file-extension-names-vol-3-2/512/20-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Imagem
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Exportação Para HTML)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-images-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Controles
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Prop. Arredondar Valor)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn4.iconfinder.com/data/icons/miu/24/device-projector-screen-content-chart-presentation-outline-stroke-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
<div style="width:250px;height:auto;background:#fff;border:1px solid #c0c0c0;padding:10px;margin:10px;float:left;position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);-moz-box-shadow: 3px 3px 0px 0px rgba(100, 100, 100, 0.4);box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.4);">
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:16pt;width:100%;height:30px;text-align:center">
Controles
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:14pt;width:100%;height:35px;text-align:center">
(Sobreposição dos controles)
</div>
<div style="width:100%;height:100px;background:url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg');background-position:center bottom;position:relative;">
<img src="https://cdn3.iconfinder.com/data/icons/4web-3/139/compare-48.png" style="position:absolute;top:15px;left:15px;"/>
</div>
<div style="font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;font-size:12pt;width:100%;height:135px;text-align:justify;">
Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...
</div>
<div style="width:100%;height:1px;background-color:#c0c0c0;margin-top:15px;"></div>
<div style="width:100%;height:20px;text-align:right;padding-top:5px;">Mais [...]</div>
</div>
</div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas