Skip to main content

Notifications

Announcements

No record found.

News and Announcements icon
Dynamics 365 Community / Forums / Microsoft Dynamics CRM (Archived) / Dynamics 365 Portals C...
Microsoft Dynamics CRM (Archived)

Dynamics 365 Portals Checkbox Styling

(0) ShareShare
ReportReport
Posted on by Elmar

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

Congratulations 2024 Spotlight Honorees

Kudos to all of our 2024 community stars! 🎉

Meet the Top 10 leaders for December

Congratulations to our December super stars! 🥳

Start Your Super User Journey Pt 2

Join the ranks of our community heros! 🦹

Leaderboard

#1
André Arnaud de Calavon Profile Picture

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

#2
Martin Dráb Profile Picture

Martin Dráb 230,514 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans