Magento 2: Broken Order print pdf layout in Mozilla





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}







1















enter image description hereWhen taken a print order from My account ->My orders-> View Order-> Print Order, getting a broken layout on Fire fox web browser, But there is no issue on Chrome browser. How to fix this issue in Fire fox.



enter image description here



enter image description here










share|improve this question
















bumped to the homepage by Community 17 hours ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
















  • If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

    – Petar Dzhambazov
    Mar 28 '17 at 8:50











  • Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

    – Alan
    Jun 5 '18 at 9:42


















1















enter image description hereWhen taken a print order from My account ->My orders-> View Order-> Print Order, getting a broken layout on Fire fox web browser, But there is no issue on Chrome browser. How to fix this issue in Fire fox.



enter image description here



enter image description here










share|improve this question
















bumped to the homepage by Community 17 hours ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
















  • If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

    – Petar Dzhambazov
    Mar 28 '17 at 8:50











  • Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

    – Alan
    Jun 5 '18 at 9:42














1












1








1








enter image description hereWhen taken a print order from My account ->My orders-> View Order-> Print Order, getting a broken layout on Fire fox web browser, But there is no issue on Chrome browser. How to fix this issue in Fire fox.



enter image description here



enter image description here










share|improve this question
















enter image description hereWhen taken a print order from My account ->My orders-> View Order-> Print Order, getting a broken layout on Fire fox web browser, But there is no issue on Chrome browser. How to fix this issue in Fire fox.



enter image description here



enter image description here







magento2 sales-order forms sales print






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 28 '17 at 10:26







Rita Jose

















asked Mar 28 '17 at 7:00









Rita JoseRita Jose

9392939




9392939





bumped to the homepage by Community 17 hours ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.







bumped to the homepage by Community 17 hours ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.















  • If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

    – Petar Dzhambazov
    Mar 28 '17 at 8:50











  • Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

    – Alan
    Jun 5 '18 at 9:42



















  • If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

    – Petar Dzhambazov
    Mar 28 '17 at 8:50











  • Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

    – Alan
    Jun 5 '18 at 9:42

















If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

– Petar Dzhambazov
Mar 28 '17 at 8:50





If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use

– Petar Dzhambazov
Mar 28 '17 at 8:50













Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

– Alan
Jun 5 '18 at 9:42





Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.

– Alan
Jun 5 '18 at 9:42










1 Answer
1






active

oldest

votes


















0














It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.




If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.



Type about:config in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page.
Filter = header Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK.
Repeat the same for footer.


If your clients are using windows ask them to follow this tutorial .






share|improve this answer
























  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

    – Rita Jose
    Mar 28 '17 at 8:33













  • can you post the screenshot of view order page ?

    – Vivek Kumar
    Mar 28 '17 at 10:00











  • Screenshot updated

    – Rita Jose
    Mar 28 '17 at 10:27











  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

    – Sejal Shah
    Jul 25 '17 at 9:08












Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f166478%2fmagento-2-broken-order-print-pdf-layout-in-mozilla%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









0














It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.




If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.



Type about:config in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page.
Filter = header Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK.
Repeat the same for footer.


If your clients are using windows ask them to follow this tutorial .






share|improve this answer
























  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

    – Rita Jose
    Mar 28 '17 at 8:33













  • can you post the screenshot of view order page ?

    – Vivek Kumar
    Mar 28 '17 at 10:00











  • Screenshot updated

    – Rita Jose
    Mar 28 '17 at 10:27











  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

    – Sejal Shah
    Jul 25 '17 at 9:08
















0














It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.




If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.



Type about:config in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page.
Filter = header Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK.
Repeat the same for footer.


If your clients are using windows ask them to follow this tutorial .






share|improve this answer
























  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

    – Rita Jose
    Mar 28 '17 at 8:33













  • can you post the screenshot of view order page ?

    – Vivek Kumar
    Mar 28 '17 at 10:00











  • Screenshot updated

    – Rita Jose
    Mar 28 '17 at 10:27











  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

    – Sejal Shah
    Jul 25 '17 at 9:08














0












0








0







It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.




If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.



Type about:config in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page.
Filter = header Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK.
Repeat the same for footer.


If your clients are using windows ask them to follow this tutorial .






share|improve this answer













It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.




If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.



Type about:config in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page.
Filter = header Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK.
Repeat the same for footer.


If your clients are using windows ask them to follow this tutorial .







share|improve this answer












share|improve this answer



share|improve this answer










answered Mar 28 '17 at 7:57









Vivek KumarVivek Kumar

2,5772729




2,5772729













  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

    – Rita Jose
    Mar 28 '17 at 8:33













  • can you post the screenshot of view order page ?

    – Vivek Kumar
    Mar 28 '17 at 10:00











  • Screenshot updated

    – Rita Jose
    Mar 28 '17 at 10:27











  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

    – Sejal Shah
    Jul 25 '17 at 9:08



















  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

    – Rita Jose
    Mar 28 '17 at 8:33













  • can you post the screenshot of view order page ?

    – Vivek Kumar
    Mar 28 '17 at 10:00











  • Screenshot updated

    – Rita Jose
    Mar 28 '17 at 10:27











  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

    – Sejal Shah
    Jul 25 '17 at 9:08

















Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

– Rita Jose
Mar 28 '17 at 8:33







Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.

– Rita Jose
Mar 28 '17 at 8:33















can you post the screenshot of view order page ?

– Vivek Kumar
Mar 28 '17 at 10:00





can you post the screenshot of view order page ?

– Vivek Kumar
Mar 28 '17 at 10:00













Screenshot updated

– Rita Jose
Mar 28 '17 at 10:27





Screenshot updated

– Rita Jose
Mar 28 '17 at 10:27













Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

– Sejal Shah
Jul 25 '17 at 9:08





Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.

– Sejal Shah
Jul 25 '17 at 9:08


















draft saved

draft discarded




















































Thanks for contributing an answer to Magento Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f166478%2fmagento-2-broken-order-print-pdf-layout-in-mozilla%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

What other Star Trek series did the main TNG cast show up in?

Berlina muro

Berlina aerponto