I want to print html file directly to printer with A5 Landscape settings in electron
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:

Expected Output:

javascript html node.js electron
add a comment |
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:

Expected Output:

javascript html node.js electron
Did you meanI 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
Inprint.htmlfile 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
add a comment |
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:

Expected Output:

javascript html node.js electron
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:

Expected Output:

javascript html node.js electron
javascript html node.js electron
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 meanI 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
Inprint.htmlfile 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
add a comment |
Did you meanI 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
Inprint.htmlfile 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
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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.htmlfile 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