Skip to main content

Notifications

Microsoft Dynamics CRM (Archived)

Dynamics 365 Portals Checkbox Styling

Posted on by

Hi all,

I'm struggeling a bit with designing checkboxes on my clients Dynamics 365 Portal.

I'd like to change the default look and feel of the checkboxes with something like this: Checkbox-design.jpg

The code of a marked checkbox is as following:

<td colspan="1" rowspan="1" class="clearfix cell checkbox-cell">
	<div class="info">
		<label for="membership" id="membership_label">Membership</label>
		<div class="validators"></div>
	</div>
	<div class="control">
		<span class="checkbox ">
		<input id="membership" type="checkbox" name="membership" checked="checked" onclick="setIsDirty(this.id);"></span>
	</div>
</td>

Can someone point me in the right direction on how to implement the designed checkbox.

Ideal I'd like to receive the CSS that I can implement.

Hope to hear from you soon!

Kind Regards,

Elmar

*This post is locked for comments

  • Rahuldubey Profile Picture
    Rahuldubey 105 on at
    RE: Dynamics 365 Portals Checkbox Styling

    Have you got any solution for it ? i am also facing same issue

  • Rahuldubey Profile Picture
    Rahuldubey 105 on at
    RE: Dynamics 365 Portals Checkbox Styling

    Have you got any solution for it ? i am also facing same issue

  • Elmar Profile Picture
    Elmar on at
    RE: Dynamics 365 Portals Checkbox Styling

    Hi Justin,

    I'm familiar with implementing custom styles into a D365 Portal.

    My question is about styling the checkboxes of a D365 Portal.

    So, I'm looking for some CSS code on how to change the checkbox design.

    I found some examples on the internet, but I wasn't able to implement them into a D365 portal.

  • Suggested answer
    Justinjose Profile Picture
    Justinjose 2,707 on at
    RE: Dynamics 365 Portals Checkbox Styling

    Hi Elmar,

    If you are using a web template then you can Style sheet into Web template like this

    <style>
    
    //custom css
    
    </style>

    In addition Portals also support uploading of your own custom CSS files into the content management system. This lets you apply additional styling to your portal. To do this, simply follow the procedure in the ablove link for uploading custom Bootstrap CSS – except, use a file containing your own CSS, and choose a new Partial URL for this Web File. As long as the Partial URL ends in .css, Portals will recognize it and apply it to your site.

    https://community.adxstudio.com/products/adxstudio-portals/documentation/end-users-guide/portal-theming/

    If any quries 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!

Community AMA December 12th

Join us as we continue to demystify the Dynamics 365 Contact Center

Leaderboard

#1
André Arnaud de Calavon Profile Picture

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

#2
Martin Dráb Profile Picture

Martin Dráb 230,188 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans