Solved

pdf file wont fit on website using bootstrap

Posted on 2016-08-12
10
46 Views
Last Modified: 2016-08-15
Hi, my daughter has been updating one of our club's website and as the schedule has gotten bigger it came to a point just recently that the pdf is showing in the website but its really small so cant read the information on the schedule.  We take the excel spreadsheet and enter in the data then save it as a pdf which we then upload to the website on hostgator  hosting site.  She uses bootstrap which i am not at  all familiar.  Any ideas?
0
Comment
Question by:dankyle67
  • 5
  • 3
  • 2
10 Comments
 
LVL 51

Expert Comment

by:Julian Hansen
Comment Utility
Bootstrap does not affect the display of a PDF which is usually shown on its own page.

Can you give us some indication of how the PDF is being displayed - do you have a link?
0
 

Author Comment

by:dankyle67
Comment Utility
0
 
LVL 9

Assisted Solution

by:Prasadh Baapaat
Prasadh Baapaat earned 175 total points
Comment Utility
Hello  Dan,
something is missing here...

I checked the link and the POY displayed is a PNG IMAGE and not a PDF... the size of the image is 612px × 792px...

it will be displayed small and unreadable as the size is small... you can try exporting the png in a bigger size..

so now the question is, do you want to display a PDF or an Image.

thanks,
Prasadh
0
 
LVL 51

Expert Comment

by:Julian Hansen
Comment Utility
Further to Prasadh's post - you might want to look at producing an actual PDF (Adobe Acrobat Portable Document Format) and have a link to that. The document will open in a new page and you will be able to zoom in on it, print it etc.

Either that or you need to produce a higher resolution PNG file (image) that can be viewed at full resolution.

As things stand there is nothing we can do to assist you with the current page as the file is an image file and the resolution is far to low to be able to read anything.
0
 

Author Comment

by:dankyle67
Comment Utility
I asked my daughter about it and she said when i send it to her as a pdf she changes it to a png to optimize it for the site but she said she will try to do it as a pdf but some people will not be able to view it properly depending on their browser does that sound right?  So you are both saying that if she uploads it as  pdf instead of a png that users will be able to zoom in and out of the pdf for better viewing options?
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
LVL 51

Accepted Solution

by:
Julian Hansen earned 325 total points
Comment Utility
The PDF will be a link - you can keep the png but make it a link to the PDF document that opens in a new window - something like this
<a href="2016-POY-Mansion-Ridge-Tour-16.pdf" target="_blank"><img width="612 px" height="792 px" alt="POY" src="2016-POY-Mansion-Ridge-Tour-16.png"></a>

Open in new window

This will display the image and open the PDF in a new window.

As to people not being able to read the PDF
1. PDF readers are free and readily available
2. Most people who use the internet are familiar with PDF's and how to read them
3. In its current state you can't read the information anyway

If you are really concerned about the PDF reader issue you can always include the following under the link
<p>You will need a PDF reader to view this document. You can download one free here <a href="https://get.adobe.com/reader/" target="_blank">Adobe Acrobat Reader</a>

Open in new window

0
 
LVL 51

Expert Comment

by:Julian Hansen
Comment Utility
I have put together a sample here that demonstrates the concept.
0
 
LVL 9

Expert Comment

by:Prasadh Baapaat
Comment Utility
using a PDF is a correct option as Hansen Said
0
 

Author Comment

by:dankyle67
Comment Utility
it worked!  thanks guys for the help and guidance.
0
 
LVL 51

Expert Comment

by:Julian Hansen
Comment Utility
You are welcome.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article will show you how to create an ISO CD-ROM/DVD-ROM image (*.iso), and MD5 checksum signature, for use with VMware vSphere Hypervisor 6.5 (ESXi 6.5). It's a good idea to compare checksums, because many installations fail because of a corr…
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now