Short Scrollable Terms: the alignments was off when paste it into the content field

I realized that the alignments was off when i copied and paste it into the content box. 

Hi,

Thank you for contacting us.

I have cloned your form and tested on my side. Yes, the Short Scrollable Terms widget changed the alignment when pasted the text into the content field. Also, you can change your text alignment if you inject custom CSS codes into your widget.Here are examples:

If you inject this code:

div#scrollContent {

text-align: center;

}

The result will be:

If you inject this code:

div#scrollContent {

text-align: justify;

}

 

The result will be:

If you want to different alignment, please provide us your request. We can write custom CSS codes for you on our side.

 

Please let us know if you need any further assistance.

Hi Helen,
thank you so much for your replied. Just wondering if is possible for you
to write custom CSS codes for me if i want the alignment to be exactly like
the Word document i have attached with this email.
Regards,
Gabby
...

Hello Gabby,

Sorry we cannot view your attachments on our forum. Would you please click the link "View this thread on browser »" which you can see on the right side of the e-mail layout and add a screenshot of your world document?

This user guide can help you about how to add screenshots/images to questions to the support forum.

Or please send a mail to support@jotform.com with your word attachment including the this link: https://www.jotform.com/answers/1018413

Hi Amy,
I've just uploaded the screenshot images on this thread.
Thank you.
Regards,
Gabby
...

Hello, 

The problem with using this widget is it's difficult to format. But you can copy and paste this text into your widget:

<p><strong>This is the Telemedicine Innovation Challenge Agreement.</strong></p>
<p>Please note the following terms and conditions to adhere throughout the entire duration of the competition.</p>
<p><strong>Important dates</strong></p>
<table style="height: 52px; border-collapse: collapse;" width="405" border="1">
<tbody>
<tr>
<td style="width: 194px;">1-minute Video Clip Submission</td>
<td style="width: 195px;">&nbsp;30th April 2017</td>
</tr>
<tr>
<td style="width: 194px;">Workshops</td>
<td style="width: 195px;">&nbsp;TBC</td>
</tr>
<tr><td style="width: 194px;">Telemedicine Competition</td>
<td style="width: 195px;">&nbsp;15th &ndash; 17th August 2017</td>
</tr>
</tbody>
</table>
<p><strong><br />Prizes - TBC</strong> <br />First Prize: RM 3000.00 for each category <br />Second Prize: RM 2000.00 for each category <br />Third Prize: RM 1000.00 for each category <br />1-minute Video Competition: RM 1000.00</p>
<p><strong>Registration</strong>
<ol><li>The registration fee for each team is RM 600.00 (non-refundable). This registration fee will entitle your team (maximum of 5 members and one supervisor/mentor) to access the conference proceeding EXCLUDING conference dinner. At the end of the conference, each team member will receive a certificate of participation from the organizing committee.</li>
<li>Kindly make the registration fee payment by 15th April 2017. The committee reserves the right to withdraw your team&rsquo;s entry should you fail to make the payment before the mentioned deadline.</li></ol>
<p><strong>Development fund </strong>
<ol><li>Shortlisted teams for each category will be awarded a development fund up to RM 3,000.00.</li>
<li>If the project is withdrawn at any point in time within the competition period, the development fund that has been claimed should be refunded to the organizing committee.</li>
<li>The development fund can be claimed at 2 time points:
<ol style="list-style-type: lower-alpha;">
<li>1st claim can be submitted to the committee along with all the original receipts and the claim form by 25th May 2017. Please submit all original receipts via registered mail to the secretariat address as stated below. <br /><br />Attention: Yong Foong Chen <br />Monash University Malaysia (Room 4-5-19F) <br />Jalan Lagoon Selatan, <br />47500 Bandar Sunway, <br />Petaling Jaya, <br />Selangor.</li>
<li>2nd claim should be submitted on THE COMPETITION DAY along with ALL original receipts and the claim form. Each team should be able to receive their payment by <strong>30th SEPTEMBER 2017</strong> (provided that the supporting documents/ receipts for claims are complete)</li>
</ol></li>
<li>Claims are ONLY ALLOWED for the followings:
<ol style="list-style-type: lower-alpha;">
<li>Travel expenses related to the project up to RM 300.00 EXCLUDING traveling expenses to the competition venue [mileage is based on RM 0.70 per km and toll receipts should be attached].</li>
<li>Materials used for the project EXCEPT electronics [ALL purchases under the fund will be the property of the organizing committee EXCEPT those that are justified and approved by the organizing committee]</li>
<li>Vouchers or tokens for research participants are allowed. The value should NOT be more than RM 20.00 per person.</li>
<li>Services used for the project [For instance, web hosting].</li>
<li>Other claims are subject to the approval by the organizing committee.</li>
<li>The fund CANNOT be used for hiring researchers.</li>
<li>Date of receipts for claims should fall within the competition period.</li>
</ol></li></ol>
<p>**Important notes:
<ol style="list-style-type: lower-roman;"><li>Original receipts are required for all claims. (Please organize and paste all receipts on A4 paper before submitting the claims)</li>
<li>Any purchase/ payment which involves currency conversion must be supported by bank/ credit card statement.</li>
<li>Mileage claim must be supplemented by Google map image of the route and/or toll receipts</li>
</ol>
<p><strong>Presentation</strong><ol>
<li>Video
<ol style="list-style-type: lower-alpha;">
<li>Each team is required to prepare a 1 minute video of the great moments they experienced throughout the challenge. The video should be submitted to the organizing committee by 30th April 2017 and it will be uploaded on the conference Facebook page and YouTube Channel. Video with the highest number of &lsquo; &rsquo; (by 9.00a.m. on 17th August 2017) stands a chance to win a cash prize of RM 1000.00</li>
</ol>
</li><li>Showcase or product/prototype at the booth (70%)
<ol style="list-style-type: lower-alpha;">
<li>Panel judges will visit your respective booth for judging.</li>
</ol></li>
<li>Oral presentation (30%)
<ol style="list-style-type: lower-alpha;">
<li>Each team is given 3-5 minutes of presentation time and question and answer (Q&A) on stage (the time allocation is subjected to changes based on the final conference programme).</li>
<li>Panel judges will be present to judge the presentation.</li>
</ol></li></ol>
<p><strong>Judging criteria</strong></p>
<table style="height: 91px; width: 489px; border-collapse: collapse;" border="1">
<tbody><tr><td style="width: 402px;">Group&rsquo;s creativity and imagination</td><td style="width: 73px;">20%</td></tr><tr>
<td style="width: 402px;">Novelties and innovativeness in design of the exhibit/project</td>
<td style="width: 73px;">20%</td>
</tr><tr>
<td style="width: 402px;">Scientific thought/ principle</td>
<td style="width: 73px;">15%</td>
</tr><tr>
<td style="width: 402px;">
<p>Significance of the project on</p>
<ol>
<li>Healthcare accessibility</li>
<li>Healthcare availability</li>
<li>Cost-effectiveness as compared to current system</li>
</ol>
</td><td style="width: 73px;">30%</td>
</tr><tr>
<td style="width: 402px;">Presentation, Explanation and Demonstration</td>
<td style="width: 73px;">15%</td>
</tr>
</tbody>
</table>
<p><strong>Intellectual Property (IP)</strong>
<ol>
<li>The IP of the proposed project will remain with the participating team.</li>
<li>The organizing committee will attempt to facilitate further development of any project(s).</li>
<li>Should any collaborating opportunities arise from the project, Monash University Malaysia reserve the first right of refusal to participate in the project on provision that Monash has the appropriate expertise.</li>
<li>Kindly acknowledge the Competition in future publication or presentation.</li>
</ol>
<p>Should you have any enquiries regarding the competition, please do not hesitate to contact us at <a href="mailto:mum.telemed@monash.edu" target="_blank">mum.telemed@monash.edu</a> with the subject line as follows "[TIC] &ndash; Email Subject"</p>

Next, add this CSS code into the CSS tab in your widget:

p { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0;}
ol,li { margin-bottom: 0; padding-bottom: -20px; margin-top: 0; padding-top: -20px;}

Let us know if I missed something.

Thanks.

Hi,

I have added some HTML/CSS codes into the content in your Short Scrollable Terms Widget.

Please have a look at the following video:

 

This is also my demo form: https://form.jotform.com/63572695936977

Yu can clone this form to your side. 

How-to-Clone-an-Existing-Form-from-a-URL

If you need any further assistance, please feel free to let us know.

Thank you.