I want to print html file directly to printer with A5 Landscape settings in electron












0















I want to print html file directly to printer with A4 Landscape settings. In that Html file I added this @media print{@page {size: A5 landscape; }} Css but its not working expected, It always return A4 portrait. Please explain anyone how I can achieve my requirement.



let contentWindow = new BrowserWindow({
webPreferences: {
plugins: true
}
})

contentWindow.once('ready-to-show', () => contentWindow.hide())

fileName = path.join(__dirname, './printtemp/print.html')
contentWindow.loadURL(fileName);

contentWindow.webContents.on('did-finish-load', () => {

var printPDf = () => {
contentWindow.webContents.print({ silent: true, printSelectionOnly: true });
}
setTimeout(printPDf, 3000)


});


current result:
enter image description here



Expected Output:
enter image description here










share|improve this question

























  • Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

    – customcommander
    Nov 20 '18 at 21:36











  • Yes, your right

    – Riaz as kather
    Nov 20 '18 at 21:45











  • Would you mind editing your question please?

    – customcommander
    Nov 21 '18 at 7:08











  • In print.html file how you are applying css? It is inline css or add reference of css file?

    – Yogesh Patel
    Nov 21 '18 at 8:49













  • I am using Internal style sheet.

    – Riaz as kather
    Nov 21 '18 at 11:44
















0















I want to print html file directly to printer with A4 Landscape settings. In that Html file I added this @media print{@page {size: A5 landscape; }} Css but its not working expected, It always return A4 portrait. Please explain anyone how I can achieve my requirement.



let contentWindow = new BrowserWindow({
webPreferences: {
plugins: true
}
})

contentWindow.once('ready-to-show', () => contentWindow.hide())

fileName = path.join(__dirname, './printtemp/print.html')
contentWindow.loadURL(fileName);

contentWindow.webContents.on('did-finish-load', () => {

var printPDf = () => {
contentWindow.webContents.print({ silent: true, printSelectionOnly: true });
}
setTimeout(printPDf, 3000)


});


current result:
enter image description here



Expected Output:
enter image description here










share|improve this question

























  • Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

    – customcommander
    Nov 20 '18 at 21:36











  • Yes, your right

    – Riaz as kather
    Nov 20 '18 at 21:45











  • Would you mind editing your question please?

    – customcommander
    Nov 21 '18 at 7:08











  • In print.html file how you are applying css? It is inline css or add reference of css file?

    – Yogesh Patel
    Nov 21 '18 at 8:49













  • I am using Internal style sheet.

    – Riaz as kather
    Nov 21 '18 at 11:44














0












0








0








I want to print html file directly to printer with A4 Landscape settings. In that Html file I added this @media print{@page {size: A5 landscape; }} Css but its not working expected, It always return A4 portrait. Please explain anyone how I can achieve my requirement.



let contentWindow = new BrowserWindow({
webPreferences: {
plugins: true
}
})

contentWindow.once('ready-to-show', () => contentWindow.hide())

fileName = path.join(__dirname, './printtemp/print.html')
contentWindow.loadURL(fileName);

contentWindow.webContents.on('did-finish-load', () => {

var printPDf = () => {
contentWindow.webContents.print({ silent: true, printSelectionOnly: true });
}
setTimeout(printPDf, 3000)


});


current result:
enter image description here



Expected Output:
enter image description here










share|improve this question
















I want to print html file directly to printer with A4 Landscape settings. In that Html file I added this @media print{@page {size: A5 landscape; }} Css but its not working expected, It always return A4 portrait. Please explain anyone how I can achieve my requirement.



let contentWindow = new BrowserWindow({
webPreferences: {
plugins: true
}
})

contentWindow.once('ready-to-show', () => contentWindow.hide())

fileName = path.join(__dirname, './printtemp/print.html')
contentWindow.loadURL(fileName);

contentWindow.webContents.on('did-finish-load', () => {

var printPDf = () => {
contentWindow.webContents.print({ silent: true, printSelectionOnly: true });
}
setTimeout(printPDf, 3000)


});


current result:
enter image description here



Expected Output:
enter image description here







javascript html node.js electron






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 21 '18 at 8:44







Riaz as kather

















asked Nov 20 '18 at 21:23









Riaz as katherRiaz as kather

471413




471413













  • Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

    – customcommander
    Nov 20 '18 at 21:36











  • Yes, your right

    – Riaz as kather
    Nov 20 '18 at 21:45











  • Would you mind editing your question please?

    – customcommander
    Nov 21 '18 at 7:08











  • In print.html file how you are applying css? It is inline css or add reference of css file?

    – Yogesh Patel
    Nov 21 '18 at 8:49













  • I am using Internal style sheet.

    – Riaz as kather
    Nov 21 '18 at 11:44



















  • Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

    – customcommander
    Nov 20 '18 at 21:36











  • Yes, your right

    – Riaz as kather
    Nov 20 '18 at 21:45











  • Would you mind editing your question please?

    – customcommander
    Nov 21 '18 at 7:08











  • In print.html file how you are applying css? It is inline css or add reference of css file?

    – Yogesh Patel
    Nov 21 '18 at 8:49













  • I am using Internal style sheet.

    – Riaz as kather
    Nov 21 '18 at 11:44

















Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

– customcommander
Nov 20 '18 at 21:36





Did you mean I want to print html file directly to printer with A5 Landscape settings.? (A5 instead of A4)

– customcommander
Nov 20 '18 at 21:36













Yes, your right

– Riaz as kather
Nov 20 '18 at 21:45





Yes, your right

– Riaz as kather
Nov 20 '18 at 21:45













Would you mind editing your question please?

– customcommander
Nov 21 '18 at 7:08





Would you mind editing your question please?

– customcommander
Nov 21 '18 at 7:08













In print.html file how you are applying css? It is inline css or add reference of css file?

– Yogesh Patel
Nov 21 '18 at 8:49







In print.html file how you are applying css? It is inline css or add reference of css file?

– Yogesh Patel
Nov 21 '18 at 8:49















I am using Internal style sheet.

– Riaz as kather
Nov 21 '18 at 11:44





I am using Internal style sheet.

– Riaz as kather
Nov 21 '18 at 11:44












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
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: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
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%2fstackoverflow.com%2fquestions%2f53401747%2fi-want-to-print-html-file-directly-to-printer-with-a5-landscape-settings-in-elec%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • 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%2fstackoverflow.com%2fquestions%2f53401747%2fi-want-to-print-html-file-directly-to-printer-with-a5-landscape-settings-in-elec%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

Paul Cézanne

UIScrollView CustomStickyHeader Resize height generates problems when scroll is too fast

Angular material date-picker (MatDatepicker) auto completes the date on focus out