Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
		<style type="text/css">
			#myContent{
				width:100%;
				height:auto;
				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 id="divHead" style="background:#606060;height:45px;padding-left:10px;color:#fff;box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);-moz-box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);-webkit-box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);"><span style="width:336px;text-overflow:ellipsis;font-size:20pt;font-family:Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;">Últimos documentos criados</span></div>
</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.ImageUrl;
                                       			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.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position = "absolute";
												_containerObjectImageBackgroundImg.style.top = "15px";
												_containerObjectImageBackgroundImg.style.left = "15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_containerObject.appendChild(_containerObjectImageBackground);
 
                                                _containerObjectDescription = document.createElement("div");
                                                _containerObjectDescription.id = _containerObject .id + "_Description";
                                                _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
												_containerObjectDescription.style.fontSize = "12pt";
                                                _containerObjectDescription.style.width = "100%";
                                                _containerObjectDescription.style.height = "135px";
                                                _containerObjectDescription.style.textAlign = "justify";
                                                _containerObjectDescription.innerHTML = this.Description;
 
												_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
                                                _containerObjectSep.id = _containerObject .id + "_Sep";
                                                _containerObjectSep.style.width = "100%";
												_containerObjectSep.style.height = "1px";
                                                _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo = document.createElement("div");
                                                _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
                                                _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "20px";
                                                _containerObjectMaisInfo.style.textAlign = "right";
												_containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a");
                                                _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
                                                _containerObjectMaisInfoA.href = this.NavigateUrl;
                                                _containerObjectMaisInfoA.text = "Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                                                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: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        Wrapper: "myContent"
                 }
 
                var _container1 = createContainer(oContainer1Opt);           		
                
                var oContainer2Opt = {
						ID: "container2",
                        Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
                        ImageUrl: "https://cdn2.iconfinder.com/data/icons/picol-vector/32/document_text-48.png",
                        Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container2 = createContainer(oContainer2Opt);     
 
                var oContainer3Opt				var oContainer7Opt = {
						ID: "container3container7",
                        Title: "ExportaçãoTexto PDFRico",
                        SubTitle: "(Conformidade e VersõesReferências)",
                        ImageUrl: "https://cdn3cdn2.iconfinder.com/data/icons/file-extension-names-vol-3-2/512/20picol-vector/32/document_text-48.png",
                        Description: "ONa 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:2005versã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...",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container3container7 = createContainer(oContainer3OptoContainer7Opt);
 
             
 
				   var oContainer4OptoContainer3Opt = {
						ID: "container4container3",
                        Title: "ImagemExportação PDF",
                        SubTitle: "(ExportaçãoConformidade Parae HTMLVersões)",
                        ImageUrl: "https://cdn4cdn3.iconfinder.com/data/icons/ioniconsfile-extension-names-vol-3-2/512/icon20-images-48.png",
                        Description: "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)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.",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container4container3 = createContainer(oContainer4OptoContainer3Opt);     
 
				var oContainer5OptoContainer4Opt = {
						ID: "container5container4",
                        Title: "ControlesImagem",
                        SubTitle: "(Prop.Exportação ArredondarPara ValorHTML)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/miuionicons/24512/deviceicon-projector-screen-content-chart-presentation-outline-stroke-images-48.png",
                        Description: "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 Totalizador1.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).",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container5container4 = createContainer(oContainer5OptoContainer4Opt);     
 
			    	var oContainer6OptoContainer5Opt = {
						ID: "container6container5",
                        Title: "Controles",
                        SubTitle: "(SobreposiçãoProp. dosArredondar controlesValor)",
                        ImageUrl: "https://cdn3cdn4.iconfinder.com/data/icons/4web-3miu/139/compare24/device-projector-screen-content-chart-presentation-outline-stroke-48.png",
                        Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do designA propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório. Essasde falhas ocorrem quando exportamos para HTMLTexto, Expressão, XLSFórmula e outrosTotalizador...",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container6container5 = createContainer(oContainer6OptoContainer5Opt);     
 
 				    var oContainer7OptoContainer6Opt = {
						ID: "container7container6",
                        Title: "Texto RicoControles",
                        SubTitle: "(ReferênciasSobreposição dos controles)",
                        ImageUrl: "https://cdn2cdn3.iconfinder.com/data/icons/picol4web-vector3/32139/document_textcompare-48.png",
                        Description: "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...",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container7container6 = createContainer(oContainer7OptoContainer6Opt);
         </script>