Microsoft Dynamics 365 | Integration, Dataverse...

Hide Quick view control label in power pages

(0) Share

Report

Posted on by HH-22102055-0

Hello,

I have a lookup field to be displayed in the power pages form, the quick view control is added to show the details for that lookup field. But I want to hide the quick view control's label when no selection in lookup field. I tried to use Javascript to hide that label. but the whole quick view control does not show up when there is a selection in lookup field. below is the label needs to hide when there is no value in lookup field. we need to show the quick view when there is value in lookup field.

Categories:

Power Platform integration

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Muhammad Shahzad Sh... 2,336 Most Valuable Professional on at

Like (0)

Report
Hide Quick view control label in power pages

function toggleQuickViewLabel(executionContext) { var formContext = executionContext.getFormContext(); var lookupValue = formContext.getAttribute("YOUR_LOOKUP_FIELD_LOGICAL_NAME").getValue(); var quickViewControl = formContext.ui.quickForms.get("YOUR_QUICK_VIEW_CONTROL_NAME"); if (lookupValue != null) { // Show Quick View quickViewControl.setVisible(true); // Wait until it is loaded to hide the label quickViewControl.addOnLoad(function () { var labelElement = document.querySelector("label[for='QuickviewControlYOURCONTROLID']"); if (labelElement) { labelElement.style.display = "none"; } }); } else { // Hide Quick View quickViewControl.setVisible(false); } }

Add the script to your form libraries.
Call toggleQuickViewLabel in:

Form OnLoad

Lookup field’s OnChange

Was this reply helpful? Yes No
Suggested answer

Varun Singh 943 on at

Like (0)

Report

Hide Quick view control label in power pages

I encountered the same issue with the Power Page portal form. It seems the new D365 Solution editor couldn't hide the label, but the old Classic Solution editor worked perfectly. Just toggle the 'Display Label' property for the quick view in the Classic editor and publish. That solved the problem for me.

qvlabel.PNG

Was this reply helpful? Yes No