#LWC Development1 discussing

Hello community! 

I had similar task and was able to complete it using just lwc! 

For that I had to create the following js method:

handlePrintClick () {
        let printableElement = this.template.querySelector('.print-section');
         if (printableElement) {
            let clone = printableElement.cloneNode(true);
            let printWindow = window.open('', '_blank');
            if (printWindow) {
                printWindow.document.body.appendChild(clone);
                let style = printWindow.document.createElement('style');
                style.textContent = `
                    @page {
                        size: auto;   /* auto is the initial value */
                        margin: 0mm;  /* this affects the margin in the printer settings */
                    }
                    @media print {
                        body {
                            margin: 0;
                            padding: 0;
                        }
                        .no-print {
                            display: none;
                        }
                    }
                `;
                printWindow.document.head.appendChild(style);
                printWindow.focus();
                printWindow.print();
                printWindow.close();
            } else {
                console.error('Failed to open print window');
            }
        } else {
            console.error('Printable element not found');
        }
    }

and you need to update the content of html with css class to the place which you wanted to print (I had lots of inner data, parent and childs)

<div class="print-section">
    Data which should be printed
</div>

Note: In my case I had all css values in the same html file (not a separate css, I used style tag) 

Hello, 

You can use lightning-dual-listbox

in LWC. 

Below is Link to documentation. Using js you can iterate & form picklist values 

Link -

Hii,

To navigate back and reload the previous page, the most straightforward solution is to use window.history.back() followed by a short delay and window.location.reload().

The implementation may look something like this : 

window.history.back();
setTimeout(function() {
 window.location.reload();
}, 500);

To display checkboxes in two columns using lightning-checkbox-group, you'll need to adjust the layout using CSS because lightning-checkbox-group doesn't natively support multi-column layouts out of the box.

You can achieve the two-column layout by wrapping the checkboxes in a custom div container and using CSS Grid or Flexbox to display the checkboxes in two columns.

You can use something like this : 

/* Styling for the checkbox container to use grid */

.checkbox-container {

 display: grid; /* Use grid layout */

 grid-template-columns: repeat(2, 1fr); /* Create two equal columns */

 gap: 16px; /* Add space between checkboxes */

 max-width: 600px; /* Optional: set a max width */

}

/* Ensure the checkbox options fit well inside each column */

.lightning-checkbox-group .slds-checkbox_faux {

 margin-bottom: 8px; /* Adjust the spacing between checkboxes */

}

If you're updating records via another LWC and need to refresh data in the Quick Action component, consider using refreshApex to re-fetch the record information.

RefreshApex is useful for ensuring that your Lightning Web Component (LWC) reflects the most current data, especially after a record update. It is a utility that allows you to refresh data fetched using @wire. It updates the record information without requiring a full page reload.

Ensure that the data you retrieve is done using the @wire decorator; this is necessary for refreshApex to function properly.

For detailed info on refreshApex , you can go through :

https://developer.salesforce.com/docs/platform/lwc/guide/apex-result-caching.html