SelectPDF Tool to Convert HTML to PDF [closed] - html-to-pdf

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am trying to use SelectPDF.ConvertURL() on my local machine. When I run this convert I get a PDF that has sizing issues with checkboxes. Checkboxes are too large and not appearing as they appear in the HTML Page
BUT when I go to the http://selectpdf.com/demo/html-to-pdf-converter.aspx and give it the URL for my HTML test document it renders correctly. URL for document is: http://dev.TitleClose.com/BlankLoanEstimate.html
I am using the exact code that is given on the selectpdf.com/demo page.
Any ideas or advice is appreciated

You might need to set a different web page width. Try this sample:
http://selectpdf.com/demo/convert-url-to-pdf.aspx
For an A4 page, the corresponding web page width (to keep the font size) is 793px. More details about the content resizing here:
http://selectpdf.com/docs/ResizingContentDuringConversion.htm

add in your CSS #mediaprint the sames propierties that you have in you css. that's work for me.
#media print {
…
}

Related

How to reduce CLS issue: more than 0.25 (desktop) [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 months ago.
Improve this question
At present,97 URLs are affected by CLS issue more than 0.25 (desktop) and
85 URLs affected by LCP issue: longer than 4s (mobile) on our website.
Website - www.sopact.com to look into it.
How can we fix these issues?
Thank you in advance.
Run some of the affected pages in Page Speed Insights. Select desktop as that is your biggest problem area. The tool has a "Show audits relevant to" option where you can select CLS. The report will then show only issues related to causing Layout Shifts on desktop devices.
Expand each issue to get more details on what is causing the issue and sometimes what to do to fix it.
If you want to dig deeper the Chrome browsers Performance tool can provide a lot of details. It also lets you throttle your browser so you can more easily see the layout shifts happening.
If you enable screenshots you can hover along the screenshot row to see how the page changes as it loads. Make sure you start hovering at the point the new page is loading as the initial part shows the previous page before it is replaced.
I have the feeling in your case you have elements that are off screen expanding your main div as they load, and causing it to shift. The Page Speed Insights lists some element that could be adjusted so that they don't expand the div as the load. e.g. define their height in advance.
There is a page test tool which tells you more about your CLS rating:
https://www.webpagetest.org/
I am not sure if this tool is somehow related to Google, but in my case it outputs the same CLS rating.
If you have a close look you will recognize that this tool is not able to do parallel loading. And I assume this is same for the module which Search Console uses. Real world browsers load files in parallel which shortens loading times drastically. This one does not - so you get loading times of several seconds for bigger pages. Well, fonts are loaded after CSS and images. In my case the delayed loading of fonts (several seconds later) caused the problem.
To improve the loading time in a sequential environment you can use certain preload technologies.
<link rel="preload" href="/fonts/anyfont.woff2" as="font" crossorigin />
The tag above will advice the browser (and Google's tool) to load the font upfront. When it is loaded in your CSS later, it will already be available in the cache.

github issue feedback like on microsoft docs [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
When you go to https://learn.microsoft.com/en-gb/aspnet/core/getting-started/?view=aspnetcore-3.1&tabs=macos for example, or any other microsoft docs, and the end of the page there is github feedback - you can open an issue directly on the site or on guthub, as the docs are published on github.
I want to do something like this for my website, where people reading articles can suggest improvements. This is a good way to make a wiki like site. Is there a way to do it?
If you just want a URL for opening a blank issue, all you need is to provide a link to https://github.com/<user-name>/<repo-name>/issues/new.
If you want the issue to have prefilled text, you can use query parameters to generate the URL. This help page describes how this can be done.
The easy way would be to create an issue template on GitHub, and then use the template parameter. As quoted in the linked article:
You can use the template query parameter to specify a template to automatically fill the issue or pull request body. The template query parameter works with templates stored in an ISSUE_TEMPLATE or PULL_REQUEST_TEMPLATE subdirectory within the root, docs/ or .github/ directory in a repository.
If a repository contains only the default pull request or issue template, any new issues or pull requests will have the default template in the body.
You can also use the other parameters to customize the issue title, text, labels, etc. This project slightly simplifies this task.
Thank you for your answers, but I found this https://utteranc.es/ and its everything I wanted. And its easy to use. I will leave the other for the right answer, but if someone wants something more out of the box you can use my finding.

TYPO3 - One page website [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Is there some best approach to create one page website in TYPO3 ?
My idea is to create navigation in TypoScript and FCEs for every segments so I can link it.
Any ideas?
I have created a one page template as an extension for TYPO3, this can be downloaded from GitHub.
http://github.com/maximilian-mayer/t3onepage
Yeah it's a nice approach.
You can too use javascript to generate the menu based on the number of FCE you find in the content.
The two approach are nice.
I had to mind on this problem for my work.
You can manage all contents by their content id. First add one header and then add one FCE for that header part. Header becomes your menu. Note that you use separate grid for all section(one header and one FCE).
Create a subpart menu for a one page template in typo3
check this link for menu in one page site.
I would solve it either in pure TS or in fluid.
TS-solution:
for navigation use a HMENU as usual, but modify the links to be anchor-links
for the content use another HMENU but instead of the links generate the whole content from that page, for example with a CONTENT object (using the uid from the current (menu)-page as pid for selection). dont forget to insert the anchor.
fluid-solution:
do the same, but instead of TS use the according VHs from ext:vhs: v:page.menu, v:render.record

Facebook like button doesnt show my images [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
I have added two like-buttons to my images on my website but when you click like and you want to share them, the room for the picture is blank. How can I get the picture to show in the share box and to display on Facebook?
My website is www.firamedmariamontazami.se
Documentation:
href - the URL to like. The XFBML version defaults to the current
page. Note: After July 2013 migration, href should be an absolute URL
Can you confirm that href is an absolute URL?
If yes, try to include OpenGraph metas on your targeted pages (page specified in href) like:
<meta property="og:image" content="http://website.com/image.jpg" />
Do not forget to check the size of your image, you can find more details in this discussion
Edit:
Copy your link on the Facebook Object Debugger page and check what Facebook says about your image, that would help to get more details.
Update:
About your question:
Can I use different metas with different pictures? I want ten
different pictures on my page that you can share.
Look at this paragraph in the documentation, you can specify many images and your first image tag will be given the preference during conflicts. Keep in mind that when you share something on Facebook only one image will be displayed.
You may also be interested by setting other OpenGraph metas so if someone share your page (copy/paste your URL in Facebook) a nice summary of your page will be displayed (title, description, image...).
Could you try uploading a photo at a smaller resolution so that we can test? I'm wondering whether facebook is misbehaving because it's too large.

How to set print and save as pdf icon in TYPO3 pages [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Can anybody help me that how can i set PRINT and save as PDF icon(functionality) in TYPO3 pages ?
Thanks...in advance..
There are many examples in Google and I think that you should browse them, to find the one the best fits your needs.
In general 'historically' print version was suggested to be build with new PAGE cObject which typeNum is set to 98 (of course that's only suggestion) in general going this clue, you should find many examples and other resources by searching in Google for typo3 typeNum 98.
When you'll create alternative PAGE object (and maybe also use modified template for it) you need also add on your webpage a link which be the same as the current URL but with additional param &type=98, when user will click it TYPO3 will open the alternative version of the page. So you can add to this a JS in header which will also start system's print dialog.
You can also search the extensions repository and find something for placing the print button if you are unfamiliar with TypoScript.
PDF rendering is similar from point of view of the frontend, however most probably you need to use some additional lib, so it will be best to search for ready to use solution from the repo.
In general PDF version could be tricky, therefore from my experience I can say that nowadays it's sometimes better to avoid the PDF icon at all or use linking to some external service. Of course all depends on your needs. Remember that there are many programs which are able to create PDF's so if it is not required maybe it's no worth of its effort.
Finally take a look at the AddThis widget it can be also used for easy adding of icons for printing and online PDF creation, additionally you can also send invitations via e-mail, or even share the link on the hundreds social portals. And what's most important installing this is just like adding view lines of HTML code vie TypoScript.