Skip to main content

Notifications

Announcements

No record found.

Microsoft Dynamics CRM (Archived)

Increase the height of HTML Web Resource rendered in Portal

Posted on by Microsoft Employee

Hi there!

I have configured an entity form in Dynamics 365 by inserting a HTML web resource in a section and set it's height to maximum value of 40.

Web-Resource-Properties.png

In Dynamics 365, the HTML takes up all the 40 rows and displays data as expected:

D365-Page.png

Where as in the Portal page, I can hardly see 4 or 5 rows dedicated for the HTML content:

8640.Portal-Page.png


I have already set the height of the HTML body to 100%, but no go.

I currently use Web Form in the Portal. Kindly suggest a solution to display HTML content with ample space (vertically) in Portal page.

*This post is locked for comments

  • Suggested answer
    KoJaPD Profile Picture
    KoJaPD 116 on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    For anyone looking how to expand the height, I finally found it after a few hours digging. It was already shown on the first screenshot of the OPs message...

    it seems only available in the legacy web client for powerapps settings:

    Settings - Customization - Customizations - Customize the System

    then go to Components - Entities - [your entity] and open [your form]

    in the (legacy) form editor, double click the control (in my case "New SG Control xxxxx"), go to formatting and activate the checkbox "Automatically expand to use available space".
    pastedimage1602161085615v1.png

  • KoJaPD Profile Picture
    KoJaPD 116 on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    I have the same problem with a form on a powerapps portal: the form shows all files and folders from a OneDrive/Sharepoint document location, but it shows every folder (or file) on a separate page.

    pastedimage1602152523708v1.png

    how can I increase the height of the form so I get more folders (and files) on one page?

  • KoJaPD Profile Picture
    KoJaPD 116 on at
    RE: Increase the height of HTML Web Resource rendered in Portal
    [quote user="Sharath Somanathan"]

    Hi Justin,

    Using"parent.$" did the trick. Marking this a suggested answer!

    [/quote]

    Sharath Somanathan

    Dear, Do you happen to have the full code you used? And where did you add this code?

    Thanks in advance,

    Koen

  • Verified answer
    Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    Hi Justin,

    Using"parent.$" did the trick. Marking this a suggested answer!

  • Suggested answer
    Justinjose Profile Picture
    Justinjose 2,707 on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    Hi Sharath,

    is that javascript loaded? can you add alert to make sure javascript is loaded ? Please #WebResource_ added before the web resource name.

    $("#WebResource_WebResourceName").height(500px);

    Thanks

    Justin Jose

  • Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    Thanks Justin.

    I did try this, no luck.

  • Verified answer
    Justinjose Profile Picture
    Justinjose 2,707 on at
    RE: Increase the height of HTML Web Resource rendered in Portal

    Hi Sharath,

    Can you try following code in the Webfrom Step

    $(document).ready(function () {
        $( "#WebResource_WebResourceName").height(500px); alert("loaded"); // remove after testing });

    Any queries please let me know.

    Thanks

    Justin Jose

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,280 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,235 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans