Pdf to Html conversion responsiveness

Aspose.PDF Product Family
1

Hi,


I am working on pdf to html conversion. It is working fine. But what I want is the converted html(web page ) should be responsive in all devices in which we are viewing that. So can u suggest me anything which will help me. Reply asap. Its urgent. I am using bootstrap for responsiveness. But it is not working fine with images.

Regards,
Vasavi.
2

Hi Vasavi,


Thanks for your inquiry. We will appreciate if you please share some more details about the images related problem you are facing. So we will guide you accordingly.

We are sorry for the inconvenience caused.

Best Regards,
3

This is the converted html.When I am using bootstrap I am changing the code as rows.Each div I am considering as a row.

Actual Html

          <div class="stl_02"><span class="stl_03">Browser Support </span></div>
          <div class="stl_04"><span class="stl_05">For PC users, LiveBinders is compatible with Firefox 21 and higher, Safari 4.0.5 and higher, </span></div>
          <div class="stl_06"><span class="stl_05">Chrome 30 and higher, and I.E. 9.0 and higher. </span></div>
          <div class="stl_07"><span class="stl_05">For Mac users, LiveBinders is compatible with Safari 6.0.0, Chrome 30 and higher, and Firefox </span></div>
          <div class="stl_08"><span class="stl_05">21 and higher. </span></div>
          <div class="stl_09"><span class="stl_05">You must have javascript turned on in your browser in order to see the contents of a binder. If </span></div>
          <div class="stl_10"><span class="stl_05">the binder opens, but none of the content loads, please check your javascript settings. </span></div>
          <div class="stl_11"><span class="stl_12">Back to Top</span></div>
          <div class="stl_13"><span class="stl_03">Other Requirements </span></div>
          <div class="stl_14"><span class="stl_05">While not a requirement, we suggest that you add the "LiveBinder It" bookmarklet to your </span></div>
          <div class="stl_15"><span class="stl_05">browser, which lets you add webpages to a new or existing binder while you are browsing the </span></div>
          <div class="stl_16"><span class="stl_05">web. Learn more about "LiveBinder It" </span><span class="stl_17">here</span><span class="stl_05"> or go to </span><span class="stl_17">LiveBinder It</span><span class="stl_05"> to add it to your browser. </span></div>
          <div class="stl_18"><span class="stl_12">Back to Top</span></div>
          <div class="stl_19"><span class="stl_03">Change Your Password, Preferences, and Email Address </span></div>
          <div class="stl_20"><span class="stl_05">To change your email preferences or email address, just click on your username at the top of the </span></div>
          <div class="stl_21"><span class="stl_05">page. You will see a form with your current address and preferences. You can change any of the </span></div>
          <div class="stl_22"><span class="stl_05">options shown, but you will need to enter your password again to make the change. </span></div>
          <div class="stl_23"><span class="stl_12">Back to Top</span></div>
          <div class="stl_24"><span class="stl_03">Add Your Description/URL and Picture to Your Account </span></div>

Modified Html

<div class="container-fluid">
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<img src="live_files/img_01.svg" class="img-responsive stl_01">
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_02">
				<span class="stl_03">Browser Support </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_04">
				<span class="stl_05">For PC users, LiveBinders is compatible
					with Firefox 21 and higher, Safari 4.0.5 and higher, </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_06">
				<span class="stl_05">Chrome 30 and higher, and I.E. 9.0 and
					higher. </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_07">
				<span class="stl_05">For Mac users, LiveBinders is
					compatible with Safari 6.0.0, Chrome 30 and higher, and Firefox </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_08">
				<span class="stl_05">21 and higher. </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_09">
				<span class="stl_05">You must have javascript turned on in
					your browser in order to see the contents of a binder. If </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_10">
				<span class="stl_05">the binder opens, but none of the
					content loads, please check your javascript settings. </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_11">
				<span class="stl_12">Back to Top</span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_13">
				<span class="stl_03">Other Requirements </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_14">
				<span class="stl_05">While not a requirement, we suggest
					that you add the "LiveBinder It" bookmarklet to your </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_15">
				<span class="stl_05">browser, which lets you add webpages to
					a new or existing binder while you are browsing the </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_16">
				<span class="stl_05">web. Learn more about "LiveBinder It" </span><span class="stl_17">here</span><span class="stl_05"> or go to </span><span class="stl_17">LiveBinder It</span><span class="stl_05"> to
					add it to your browser. </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_18">
				<span class="stl_12">Back to Top</span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_19">
				<span class="stl_03">Change Your Password, Preferences, and
					Email Address </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_20">
				<span class="stl_05">To change your email preferences or
					email address, just click on your username at the top of the </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_21">
				<span class="stl_05">page. You will see a form with your
					current address and preferences. You can change any of the </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_22">
				<span class="stl_05">options shown, but you will need to
					enter your password again to make the change. </span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_23">
				<span class="stl_12">Back to Top</span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-8 col-xs-12">
			<div class="stl_24">
				<span class="stl_03">Add Your Description/URL and Picture to
					Your Account </span>
			</div>
		</div>
	</div>
</div>

Actually the image should be last bt if I am changing as bootstrap I am getting image in wrong postion.

4

Hi Vasavi,


Is this query similar to your other query posted over this link. In case this query is different, please share some details regarding the issue which you are facing because the above stated post does not explain the issue properly. We are sorry for your inconvenience.
5

I have posted this query before posting the other query which u r saying. First I was unable to find the problem first of all.

I have mentioned the actual problem in the other query. Can u please resolve that one asap.
Regards,
Vasavi.
6

Hi Vasavi,


Thanks for the acknowledgement. We will keep you posted with our findings in other forum thread (so that all the related conversation is done in respective thread).