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;font-family:Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;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="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 = {
						ID: "container3",
                        Title: "Exportação PDF",
                        SubTitle: "(Conformidade e Versões)",
                        ImageUrl: "https://cdn3.iconfinder.com/data/icons/file-extension-names-vol-3-2/512/20-48.png",
                        Description: "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 _container3 = createContainer(oContainer3Opt);     
 
				var oContainer4Opt = {
						ID: "container4",
                        Title: "Imagem",
                        SubTitle: "(Exportação Para HTML)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-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).",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container4 = createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                        Title: "Controles",
                        SubTitle: "(Prop. Arredondar Valor)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/miu/24/device-projector-screen-content-chart-presentation-outline-stroke-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 Totalizador.",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container5 = createContainer(oContainer5Opt);     
 
			    var oContainer6Opt = {
						ID: "container6",
                        Title: "Controles",
                        SubTitle: "(Sobreposição dos controles)",
                        ImageUrl: "https://cdn3.iconfinder.com/data/icons/4web-3/139/compare-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 _container6 = createContainer(oContainer6Opt);
         </script>