i am generating a word doc. but in the last page footer is displaying in body and footer. i am using the code given bellow
<apex:page standardController="opportunity" extensions="BES_Quote_DOC" contentType="application/msWord" cache="true" standardStylesheets="false">
<head>
<style>
#page {mso-footer:f1;}
div.Section1{page:Section1;}
p.MsoFooter, li.MsoFooter, div.MsoFooter{
mso-pagination:widow-orphan;
tab-stops:center 216.0pt right 432.0pt;}
</style>
</head>
<body>
<div class="Section1">
<apex:form id="hidDiv">
<table>
<tr>
<td>abcd</td>
<td>efgh</td>
</tr>
<tr>
<td>ijkl</td>
<td>mnop</td>
</tr>
<tr>
<td>qrst</td>
<td>uvwx</td>
</tr>
</table>
</apex:form>
<div style="mso-element:footer" id="f1">
<p class='MsoFooter' align="left" style="font-size: 10px">this is footer</p>
</div>
</div>
</body>
</apex:page>
i dont want the footer in body . what should i do.
thanks.
I'm guessing that you got this code and embedded it directly to your file. The headers and footers should be placed in a separate file. This link enabled me to understand more of how headers and footers should be placed.
[http://sebsauvage.net/wiki/doku.php?id=word_document_generation][1]
Related
I have an index.html page (homepage), where the word "login" is supposed to be linked to the login page (login.html). However, when I click "login", it shows the "file not found" message. I can't figure out why.
<!DOCTYPE html>
<html>
<body>
<header>
<p>Login
Sign Up </p>
<br/>
<h1 align="center"> Prototype Name </h1>
<h2 align="center"> Prototype Slogan </h2>
</header>
<nav>
<table id="menu">
<tr>
<td> Home </td>
<td > About Us </td>
<td> Support </td>
</tr>
</table>
</nav>
</body>
</html>
Edit: Somehow it started working after I erased the href and wrote exactly the same thing again.
Change href to if they are in the same folder.
<p>Login
I am using DocuSign sandbox(test) environment to send HTML documents for digital signature.
As i understand it, Docusign converts all document types to PDF. This process seems to be causing rendering issues for my HTML document, specifically for column structures. I've tried using "Float", "Inline-Block", and "Flex" for displaying columns and all fail to get rendered properly by DocuSign.
Here is what the HTML looks like BEFORE going through DocuSign This is using Flex to create the two 'columns':
And here is what the HTML looks like AFTER going through DocuSign. Notice the columns are gone.
EDIT: Here is the HTML code
<!DOCTYPE html>
<html>
<head lang="en">
<style>
#wrapper{
display: flex;
}
#contact-left{
flex: 1;
}
#contact-right{
flex: 1
}
.anchor-tags{
color:white
}
</style>
<title>Docusign Template</title>
</head>
<body>
<div id="wrapper">
<div id="contact-left">
<h3>Date:</h3>
<h3>Contact Name:</h3>
<h3>Firm Name: ("Broker")</h3><span class="anchor-tags">franklinrepsig</span>
<h3>Lender: ("Assignor")</h3>
</div>
<div id="contact-right">
<h3>Phone No:</h3>
<h3>Fax No:</h3>
<h3>Date: </h3><span class="anchor-tags">assigneedate</span>
</div>
</div>
</body>
</html>
Using HTML tables is rendering the document correctly. Please try the following
<!DOCTYPE html>
<html>
<head lang="en">
<style>
.anchor-tags {
color: white;
}
</style>
<title>Docusign Template</title>
</head>
<body>
<table style="width:100%">
<tr>
<td width="35%"><h3>Date:</h3></td>
<td width="35%"></td>
<td width="15%"><h3>Phone No:</h3></td>
<td></td>
</tr>
<tr>
<td><h3>Contact Name:</h3></td>
<td></td>
<td><h3>Fax No:</h3></td>
<td></td>
</tr>
<tr>
<td><h3>Firm Name: ("Broker")</h3></td>
<td><span class="anchor-tags">franklinrepsig</span></td>
<td><h3>Date: </h3></td>
<td><span class="anchor-tags">assigneedate</span></td>
</tr>
<tr>
<td><h3>Lender: ("Assignor")</h3></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="nav.css">
<link rel="stylesheet" href="layout.css">
<title>Grateful Papers: Home</title>
</head>
<body>
<!//-- Navbar -- Start -- Navbar -- Start --Navbar -- Start --Navbar -- Start --Navbar -- Start --Navbar -- Start -->
<table id="top_ta">
<tr id="top_tr">
<td id="logo">
</td>
<td id="menu">
<div id="links">
<h1>
 About Us |
 Shop |
 Home      
               
</h1>
</div>
</td>
</tr>
</table>
<!//-- Navbar -- End -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -->
<!//-------------------- Body -------------------- Start -------------------- Body -------------------- Start -->
<div id="content_1">
<br>
<div id="content_image_1">
<img src="./img/product/productt.jpg">
<img src="./img/product/productg.jpg" ></a>
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
</div>
<table id="content_text_1">
<tr>
<td>
<center>
<h3>T</h3>
Our very own line.
</center>
</td>
</tr>
</table>
</div>
<div id="content_2">
<br>
<div id="content_image_2">
<img src="./img/product/productc.jpg">
<img src="./img/product/productk.jpg">
<img src="./img/product/products.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
</div>
<table id="content_text_2">
<tr>
<td>
<center>
<h3>Brands</h3>
Other.
</center>
</td>
</tr>
</table>
</div>
<div id="content_3">
<br>
<div id="content_image_3">
<img src="./img/buttons/paypal3.png">
<img src="./img/buttons/paypallock.png">
<img src="./img/buttons/paypal2.png">
<img src="./img/buttons/paypal.png">
</div>
<table id="content_text_3">
<tr>
<td>
<center>
<h3>About Us</h3>
happen.
<br><br>
We use.
<br> <br> <br> <br>
</center>
</td>
</tr>
</table>
</div>
<!//-------------------- Body -------------------- Ende -------------------- Body -------------------- Ende -->
</body>
</html>
I am trying to make the code below work.
<img src="./img/product/productt.jpg">
For some reason it doesn't create the link. I double check all the code.
I've had a few others double check all the code, to make sure i wasn't missing anything.
They say it is fine.
I deleted the file, and saved it again. I don't know the link isn't work.
Everything else works fine, and the navbar (shop,home,about us) works fine.
Any suggestions?
(also i did uploaded it to the server and doesn't work on there)
Sorry this is so stupid of a question, but if anyone can spot something let me know. I would be grateful!
<a href="shop">
should be
<a href="shop.html">
If the hyperlink that is not working is the first one after the body comment, I can help.
The line reads like this: ....
When you click on this link, the webpage will try to find a file called shop in the same directory as the webpage. This file it is looking for would have no file extension.
I am assuming the file you are looking for is called shop.html, which is in the same directory as the current webpage.
Your code should read: ....
I hope this helps!
I am having trouble centering my table in html as I am trying to create a web page for a class.
This is what I have entered into html:
<table align="center" width="50%">
<tr>
<td><b>Resume:</b></td>
<td>Click here to download my resume.</td>
</tr>
<tr>
<td><b>LinkedIn:</b></td>
<td>Click here to open my LinkedIn profile.</td>
</tr>
</table>
However, whenever I try to add 'align' and 'width' in the attribute, it only affects my width. It doesn't center the table.
Does anyone know of a way to both center the table in the page while applying width?
Thank you. I can provide the markup of my html page if needed.
Try this:
<table style="margin:0px auto; width:500px">
However align is obsolete so you may try this:
table {
width:500px;
margin: 10px auto;
}
ie, give width to your table and set margin auto horizontal
just add this to your table
table {
text-align: center;
}
Live Demo
try to put it inside
<p align="center">
<table align="center" width="50%">
<tr>
<td><b>Resume:</b></td>
<td>Click here to download my resume.</td>
</tr>
<tr>
<td><b>LinkedIn:</b></td>
<td>Click here to open my LinkedIn profile.</td>
</tr>
</table>
</p>
Enclose your table in a wrapping div:
<div class="wrapper">
<table>
<tr>
<td><b>Resume:</b></td>
<td>Click here to download my resume.</td>
</tr>
<tr>
<td><b>LinkedIn:</b></td>
<td>Click here to open my LinkedIn profile.</td>
</tr>
</table>
</div>
And then in your css file (if you want to centre the text too):
table {
text-align: center;
width: 50%
}
.wrapper {
margin: 0 auto;
}
You can't center an element without defining the width of its outside container. Let me show you a better way to set it up.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#outside-container {
width: 100%;
}
#form-container {
width: 50%;
margin: 0px auto;
}
</style>
</head>
<body>
<div id="outside-container">
<div id="form-container">
<table align="center">
<tr>
<td><b>Resume:</b></td>
<td>Click here to download my resume.</td>
</tr>
<tr>
<td><b>LinkedIn:</b></td>
<td>Click here to open my LinkedIn profile.</td>
</tr>
</table>
</div> <!-- CLOSE #form-container -->
</div> <!-- CLOSE #outside-container -->
</body>
</html>
I am creating pdf using HTML
i want to give style to input type but it is not working.
I have following code
$data='<!DOCTYPE html>
<html>
<head>
<style>
.formcontent{margin:0 auto;width:800px;}
.inputType{border-top:0px;border-bottom:1px solid black;border-left:0px;border-right:0px;width:25%;}
.custom_para{display:inline;}
.content{
margin-top: 4%;
text-align:justify;
text-justify:inter-word;
}
</style>
</head>
<body>
<div class="formcontent">
<table width="800px">
<tr>
<td>
<table width="800px">
<tr>
<td colspan="3">
<h1 style="text-align:center;">LEASE</h1>
<h2 style="text-align:center;"> LEASE LEASE LEASE LEASE</h2></td>
</tr>
<tr>
<td colspan="3">
<p class="custom_para">This Rental Agreement or Residential Lease shall evidence the complete terms and conditions under which the parties</p>
<p class="custom_para">whose signatures appear below have agreed. Landlord/Lessor/Agent,<input type="text" class="inputType">,shall be</p>
<p class="custom_para">referred to as "OWNER" and Tenant(s)/Lessee,<input type="text" class="inputType">,shall be referred to as</p>
<p class="custom_para">"RESIDENT." As consideration for this agreement, OWNER agrees to rent/lease to RESIDENT and RESIDENT</p>
<p class="custom_para">agrees to rent/lease from OWNER for use solely as a private residence, the premises located at <input type="text" class="inputType"></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>';
require_once('mpdf.php');
$mpdf = new mPDF();
$b=stripslashes($data);
$mpdf->WriteHTML($b);
$mpdf->Output();
i am giving style on html input type it is working on html page but
when I put it to mpdf for styling its not working
please help
I had the same issue for designing the page through MPDF library
but unfortunatelly mpdf library does not supports all designing(css/tags)
it supports basic html tags and styling to design mPDF.