Thanks Steve Zhao for trying and the link. Will let you know if I find a way to change that property. Good day to you.
Hi Sandra Soniec,
I created a tag chart on my side and change several properties in XML with no luck. Here is a blog about the property in XML and hope it can help you:
I work on a model driven power app and created charts of type tag chart with the standard functionality. If the text of a tags is longer than 8 characters, they are cut off in width.
The appearance of charts can be customized in the chart XML file. I try to find out which property needs to be modified or added to fit the tags to the length of the text, see code sample below.
Share
Report
All responses (
Answers (
{my_VisualizationID}
Content Group
null
my_table
/_imgs/case_mix_by_product.png
false
</pre></p>
</div>
</div>
<!--manage from CRM button -->
<!--manage from CRM button ends-->
<div class="comment-actions msd-mt-12">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="dyc-full-post">
<div class="row">
<div class="col-lg-12">
<div class="user-information">
<div class="row">
<div class="col-lg-12">
<div class="suggested-comment-status">
</div>
<div class=" dyc_userInfo">
<div class="msd-flex msd-justify-content-start">
<a class="avatar2" rel="/profile/?userid=6ef7562d-1cfd-ed11-8f6e-00224827eb85" href="/profile/?userid=6ef7562d-1cfd-ed11-8f6e-00224827eb85" aria-label="Community Member" data-toggle="tooltip" data-placement="bottom" title="Community Member"><img src="/img_default_Avatar.svg" alt="Community Member Profile Picture"></a>
<div class="post-by">
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!--check for blocklisted contact show only text without link to profile-->
<!--check for blocklisted contact show only text without link to profile ends-->
<!---user role-->
<!--user role end-->
<!--overallLeaderBoardPoints ends-->
<a href="/profile/?userid=6ef7562d-1cfd-ed11-8f6e-00224827eb85" aria-label="Community Member" class="dc-blog-author" title="Community Member" >Community Member</a>
<span class="msd-inline-flex msd-ml-4 msd-flex-gap-4">
<span class="label label-default msd-rank">Microsoft Employee</span>
</span>
on <span data-utc-date-comment="4/1/2022 5:23:32 AM"></span> <span>at</span> <span data-utc-time-comment="4/1/2022 5:23:32 AM"></span>
</div>
</div>
<div class="user-social"></div>
<div class="user-badges"></div>
<div class="like-and-report-spam">
<div class="like-button-action">
<span class="like-comment-label">
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<a href="javascript:void(0)" tabindex="0" role="button" class="clickable dc-reaction" aria-label="Like button" reactionEntityName="mspwrplt_cmty_discussionreaction" commentflag="true" user-reaction=false reaction-id="" id="like-e15b1cf9-dfe8-48f3-b199-0882e067a64f"
onclick="HandleReactionRecord(this, 'e15b1cf9-dfe8-48f3-b199-0882e067a64f')"><img src="/img_like.svg" alt="" role="presentation" class="heart-icon"/> <span>Like</span></a>
<script type="application/javascript">
var userId = "";
var reacted_Snippet = '<img src="/img_heart-red.png" alt="" role="presentation" /><span>Liked</span>';
var react_Snippet = '<img src="/img_like.svg" alt="" role="presentation" class="heart-icon"/> <span>Like</span>';
function HandleReactionRecord(e, targetRecordId) {
var reaction_ControlId = "#"+e.id;
try{
if(false == false){
window.location.href = "/signin?returnUrl="+window.location.pathname+window.location.search;
}else{
$(reaction_ControlId).parent().block({ message: '', overlayCSS: { backgroundColor: '#e0dede', opacity:0.6} });
var entityParams = {
isReactedByUser: $(reaction_ControlId).attr("user-reaction") == "true" ? true : false,
reactionEntityName: $(reaction_ControlId).attr("reactionEntityName"),
contactId: userId,
recordId: targetRecordId,
reactionType: "Like",
reactionId: $(reaction_ControlId).attr("reaction-id"),
siteId: "44c1922b-d231-4183-bae6-be148059122f",
comment:$(reaction_ControlId).attr("commentflag") == 'true'?true:false
};
LoadReactionControl(entityParams, successCallback, errorCallback);
function successCallback(createdRecordId, res, status, xhr){
$(reaction_ControlId).attr("reaction-id", createdRecordId);
if(createdRecordId != "" && createdRecordId != undefined){
$(reaction_ControlId).attr("user-reaction", true);
$(reaction_ControlId).empty();
$(reaction_ControlId).html(reacted_Snippet);
}else{
$(reaction_ControlId).attr("user-reaction", false);
$(reaction_ControlId).empty();
$(reaction_ControlId).html(react_Snippet);
}
$(reaction_ControlId).parent().unblock();
}
function errorCallback(res){
if(res.status == 500 && $(reaction_ControlId).attr("user-reaction") == "true"){
getRecord("mspwrplt_cmty_discussionreaction", '', targetRecordId, function(){}, errRetrieve);
}
$(reaction_ControlId).parent().unblock();
}
function errRetrieve(res){
if(res.status == 404){
$(reaction_ControlId).attr("user-reaction", false);
$(reaction_ControlId).attr("reaction-id", '');
$(reaction_ControlId).empty();
$(reaction_ControlId).html(react_Snippet);
}
$(reaction_ControlId).parent().unblock();
}
}
}catch(err) {
console.error(err.message);
$(reaction_ControlId).parent().unblock();
}
}
</script><span><span>(</span><span id="record-e15b1cf9-dfe8-48f3-b199-0882e067a64f">0</span><span>)</span></span></span>
</div>
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<span><a href='/signin?returnUrl=%2Fforums%2Fthread%2Fdetails%2F%3Fthreadid%3D10044beb-677e-4882-8798-a253f5c8e0a1' role="button" aria-label="Report" class="dc-report-container dc-redirect-report-link"><img class="" src="/img_report.png" alt="Report"/>Report</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="ForumPostTitle">
<div class="post-title"> RE: How to customize width of tag chart items?</div>
</div>
<div class="forum-post-body">
<div class="post-content wrapper-discussionbody" id="thread_comment_e15b1cf9-dfe8-48f3-b199-0882e067a64f">
<p>Hi Sandra Soniec,</p>
<p>Which app are you using and could you provide some screenshots?</p>
</div>
</div>
<!--manage from CRM button -->
<!--manage from CRM button ends-->
<div class="comment-actions msd-mt-12">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<script>
var threadAuthorIDCard = 'ce45e4a9-9dc9-ed11-b597-000d3a57416d';
$(document).ready(function() {
$('.post-content a').each(function() {
if (!$(this).attr('target')) {
$(this).attr('target', '_blank');
}
});
$('[data-utc-date-comment]').each(function (index) {
let dateToConvert = $(this).attr("data-utc-date-comment");
$(this).html('');
$(this).html(moment.utc(dateToConvert).local().format("DD MMM YYYY"));
});
$('[data-utc-time-comment]').each(function (index) {
let dateToConvert = $(this).attr("data-utc-time-comment");
$(this).html('');
$(this).html(moment.utc(dateToConvert).local().format("HH:mm:ss"));
});
});
$(document).ready(function() {
bindEnterKeyPressEvent_EditModal();
});
</script>
<script src="/js_report_moderation.js"></script>
<script src="/forums/thread/details/js_Reaction.js"></script>
<!--script src="/js_Community_common.js"></script-->
<script src="/js_disapprove_records.js"></script>
<!--modal-->
<div id="modalCommentNotApproved" class="ug-event-modal">
<div class="ug-event-modal-content">
<div class="ug-event-modal-header msd-mb-12">
<p>Under review</p>
<a class="ug-event-modal-close" href="javascript:void(0);" title="Close" aria-label="Close" role="button"><i data-icon-name="Clear" aria-hidden="true" class="ms-Icon ms-Icon--Cancel x-hidden-focus"></i></a>
</div>
<div class="ms-Grid" dir="ltr">
<div class="ms-Grid-row">
<!--Body text-->
<div class="ms-Grid-col ms-sm12">
<p class="regular-text">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.</p>
</div>
<!--Submit -->
<div class="ms-Grid-col ms-sm12 text-right msd-block-group-button">
<button type="button" class="msd-button msd-button--primary btnCancel">Ok</button>
</div>
</div>
</div>
</div>
</div>
<!--modal end-->
</div>
<div id="card-content-container-pagination"> </div>
</div>
</div>
<div class="ms-Grid-col ms-sm12 ms-md12 ms-xl4">
<!-- Get portal domain name from the website ID [END] -->
<div class="dc-helpful-resource-pane">
<div>
<h2 class="dc-helpful-resources-title">Helpful resources</h2>
</div>
<!-- Get portal domain name from the website ID [END] -->
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<div class="dc-resource-cards msd-mb-48">
<h2 class="dc-resource-title">Quick Links</h2>
<style>
.dc-sidebar-image {
float:left;
margin-right:15px;
height:84px;
width:84px;
overflow:hidden;
}
.dc-sidebar-image > a > img {
height:100%;
}
.dc-sidebar-content-wrapper {
min-height:84px;
}
.dc-sidebar-messageSubject {
display:-webkit-box !important;
overflow:hidden;
font-size:16px;
}
.dc-sidebar-content-section {
margin-top:6px;
display:-webkit-box !important;
overflow:hidden;
}
p.dc-sidebar-content-text {
font-size:12px;
}
.dc-sidebar-footer {
text-align:right;
}
</style>
<div>
<div class=dc-horizontal-line> </div>
<div class=dc-sidebar-item-box>
<div class=dc-sidebar-image>
<a href="/blogs/post/?postid=b97a5ddd-d3a6-ef11-8a69-7c1e52190d97" aria-label="December Spotlight Star - Muhammad Affan" tabindex=-1>
<img align=left src="/Image/download.aspx?Entity=mspwrplt_cmty_blogpost&Attribute=mspwrplt_cmty_thumbnail&Id=cf7ed2d4-d2b1-ef11-b8e8-0022482fa3d1&Timestamp=638688674411593795&Full=true" role=presentation></a>
</div>
<div class=dc-sidebar-content-wrapper>
<div class=dc-sidebar-content>
<h4><a href="/blogs/post/?postid=b97a5ddd-d3a6-ef11-8a69-7c1e52190d97" class=dc-sidebar-messageSubject>December Spotlight Star - Muhammad Affan</a></h4>
<div class=dc-sidebar-content-section>
<p class=dc-sidebar-content-text>Congratulations to a top community star!</p>
</div>
</div>
</div>
</div>
</div>
<div class=dc-horizontal-line> </div>
<div class=dc-sidebar-item-box>
<div class=dc-sidebar-image>
<a href="/blogs/post/?postid=1de7b64e-92b2-ef11-b8e8-0022481e26ce" aria-label="Top 10 leaders for November!" tabindex=-1>
<img align=left src="/Image/download.aspx?Entity=mspwrplt_cmty_blogpost&Attribute=mspwrplt_cmty_thumbnail&Id=0b3438bf-d7b1-ef11-b8e8-0022482fa3d1&Timestamp=638688693793179529&Full=true"></a>
</div>
<div class=dc-sidebar-content-wrapper>
<div class=dc-sidebar-content>
<h4><a href="/blogs/post/?postid=1de7b64e-92b2-ef11-b8e8-0022481e26ce" class=dc-sidebar-messageSubject>Top 10 leaders for November!</a></h4>
<div class=dc-sidebar-content-section>
<p class=dc-sidebar-content-text>Congratulations to our November super stars!
</p>
</div>
</div>
</div>
</div>
<div class=dc-horizontal-line> </div>
<div class=dc-sidebar-item-box>
<div class=dc-sidebar-image>
<a href="/blogs/post/?postid=84e6b1c2-8ab6-ef11-b8e8-7c1e528261dc" aria-label="Tips for Writing Effective Suggested Answers" tabindex=-1>
<img align=left src="/Image/download.aspx?Entity=mspwrplt_cmty_blogpost&Attribute=mspwrplt_cmty_thumbnail&Id=34496a94-bdb8-ef11-b8e8-7c1e52163cfc&Timestamp=638696277989788723&Full=true"></a>
</div>
<div class=dc-sidebar-content-wrapper>
<div class=dc-sidebar-content>
<h4><a href="/blogs/post/?postid=84e6b1c2-8ab6-ef11-b8e8-7c1e528261dc" class=dc-sidebar-messageSubject>Tips for Writing Effective Suggested Answers</a></h4>
<div class=dc-sidebar-content-section>
<p class=dc-sidebar-content-text>Best practices for providing successful forum answers ✍️
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<div class="dc-resource-cards msd-mb-48 subscribe-container">
<img src="/img_subscribe_banner.png" class="img-responsive" alt="" role="presentation">
<h2 class="dc-resource-title dc-subscription-card-title msd-mb-8"> Subscribe to </h2>
<p>Stay up to date on forum activity by subscribing. You can also customize your in-app and email <a href="https://community.dynamics.com/profile/#settings">Notification settings</a> across all subscriptions.</p>
<div class="msd-flex msd-justify-content-center">
<button type="button" class="dc-button dc-subscribe" data-design-type="rightrail" data-forum-name="" data-relative-entity="mspwrplt_cmty_discussionforum" data-enrollmentid="" dc-record="c6870716-4e87-ef11-ac21-7c1e520a09df">Subscribe</button>
</div>
</div>
<!--leaderboard card-->
<!-- Get portal domain name from the website ID [END] -->
<div id="dc-leaderboard-forum-card-click" class="dc-resource-cards dc-leaderboard-forum-card msd-mb-48">
<h2 class="dc-resource-title">Leaderboard</h2>
<div class="dc-horizontal-line"></div>
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<!-- Get portal domain name from the website ID [END] -->
<!-- memberIndivisual -->
<div class="msd-memberIndivisual-wrap">
<div class="ledboard-card">
<div class="msd-flex msd-align-items-center msd-justify-content-start">
<div class="msd-flex msd-align-items-center">
<span class="msd-ledboard-award"><img src="/img_led_trophy_yellow.svg" role="presentation" /></span>
<span class="msd-user-rank font-size-lg"><span>#</span>1</span>
<div class="ms-profile-lg ms-status msd-bgColor-blue">
<span class="ug-avatar"><img class="img-responsive" src="/Image/download.aspx?Entity=contact&Attribute=entityimage&Id=afe65877-3fab-4ecd-91bc-b74df7ae8f39" alt="André Arnaud de Calavon Profile Picture"></span>
</div>
<div class="msd-pl-12 msd-position-relative">
<p class="msd-mb-0 ug-avatar-wrap">
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!--check for blocklisted contact show only text without link to profile-->
<!--check for blocklisted contact show only text without link to profile ends-->
<!---user role-->
<!--user role end-->
<!--overallLeaderBoardPoints ends-->
<span class="ug-avatar sidepan-registered-member-name">André Arnaud de Cal...</span>
<!--OverallPoints--><span class="led-star-profile" tabindex="0" rel="overallPoints" role="button" ><img src="/img_led_star.svg" role="presentation"/>291,269</span> <!--OverallPoints ends-->
<span class=" msd-flex msd-flex-gap-4">
<span class="label label-default msd-rank">Super User 2024 Season 2</span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- memberIndivisual ends -->
<div class="dc-horizontal-line"></div>
<!-- memberIndivisual -->
<div class="msd-memberIndivisual-wrap">
<div class="ledboard-card">
<div class="msd-flex msd-align-items-center msd-justify-content-start">
<div class="msd-flex msd-align-items-center">
<span class="msd-ledboard-award"><img src="/img_led_trophy_gray.svg" role="presentation" /></span>
<span class="msd-user-rank font-size-lg"><span>#</span>2</span>
<div class="ms-profile-lg ms-status msd-bgColor-blue">
<span class="ug-avatar"><img class="img-responsive" src="/Image/download.aspx?Entity=contact&Attribute=entityimage&Id=48272669-7518-e711-80f4-c4346bac219c" alt="Martin Dráb Profile Picture"></span>
</div>
<div class="msd-pl-12 msd-position-relative">
<p class="msd-mb-0 ug-avatar-wrap">
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!--check for blocklisted contact show only text without link to profile-->
<!--check for blocklisted contact show only text without link to profile ends-->
<!---user role-->
<!--user role end-->
<!--overallLeaderBoardPoints ends-->
<span class="ug-avatar sidepan-registered-member-name">Martin Dráb</span>
<!--OverallPoints--><span class="led-star-profile" tabindex="0" rel="overallPoints" role="button" ><img src="/img_led_star.svg" role="presentation"/>230,198</span> <!--OverallPoints ends-->
<span class=" msd-flex msd-flex-gap-4">
<span class="label label-default msd-rank">Most Valuable Professional</span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- memberIndivisual ends -->
<div class="dc-horizontal-line"></div>
<!-- memberIndivisual -->
<div class="msd-memberIndivisual-wrap">
<div class="ledboard-card">
<div class="msd-flex msd-align-items-center msd-justify-content-start">
<div class="msd-flex msd-align-items-center">
<span class="msd-ledboard-award"><img src="/img_led_trophy_orange.svg" role="presentation" /></span>
<span class="msd-user-rank font-size-lg"><span>#</span>3</span>
<div class="ms-profile-lg ms-status msd-bgColor-blue">
<span class="ug-avatar"><img class="img-responsive" src="/Image/download.aspx?Entity=contact&Attribute=entityimage&Id=bf54176b-0d6e-4fdc-a023-0c36ac37b226" alt="nmaenpaa Profile Picture"></span>
</div>
<div class="msd-pl-12 msd-position-relative">
<p class="msd-mb-0 ug-avatar-wrap">
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- Get portal domain name from the website ID [END] -->
<!--check for blocklisted contact show only text without link to profile-->
<!--check for blocklisted contact show only text without link to profile ends-->
<!---user role-->
<!--user role end-->
<!--overallLeaderBoardPoints ends-->
<span class="ug-avatar sidepan-registered-member-name">nmaenpaa</span>
<!--OverallPoints--><span class="led-star-profile" tabindex="0" rel="overallPoints" role="button" ><img src="/img_led_star.svg" role="presentation"/>101,156</span> <!--OverallPoints ends-->
</p>
</div>
</div>
</div>
</div>
</div>
<!-- memberIndivisual ends -->
<div class="dc-horizontal-line"></div>
<script>
function onImageLoadError(element, replaceWith){
$(element).replaceWith('<span>'+replaceWith+'</span>');
}
var ledStarProfile = $('.ledboard-card .led-star-profile');
if(ledStarProfile.length > 0){
$(ledStarProfile).each(function(){
$(this).attr('tabindex', '-1');
$(this).attr('rel', '');
});
}
</script>
<a class="dc-leaderboard-card-link" href="/leaderboard/?snapshotType=cf189886-277d-ee11-8179-00224804a580" aria-label="Leaderboard">Leaderboard <i class="ms-Icon ms-Icon--ChevronRightMed"></i></a>
</div>
<!--leaderboard card end-->
<div class="dc-resource-cards msd-mb-48">
<h2 class="dc-resource-title">Featured topics</h2>
<div class="dc-horizontal-line"></div>
<a class="dc-resource-title" href="/forums/thread/details/?threadid=21c6b3ff-5c1e-ef11-9f89-7c1e52197b0c" aria-label="Get batch job history log from D365 FO to Power Automate" role="link">Get batch job history log from D365 FO to Power Automate</a>
</div>
<div class="dc-resource-cards msd-mb-48">
<h2 class="dc-resource-title">Product updates</h2>
<div class="dc-horizontal-line"></div>
<a href="https://aka.ms/d365crpl/" target="_blank" class="dc-resource-subtitle">Dynamics 365 release plans</a>
<div class="dc-horizontal-line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var discussionthreadid = '10044beb-677e-4882-8798-a253f5c8e0a1';
var shareselector = "#forumthread_share";
const currentUrl = window.location.href;
window.addEventListener("load", (event) => {
if(currentUrl.indexOf('action=reply') !== -1) {
var replyTab = document.getElementById('replytabs');
if (replyTab) {
setTimeout(function () {
$('#forum-post-reply-id').first().click();
replyTab.scrollIntoView(false);
}, 1000);
}
}
});
</script>
<!-- Start JS script for dynamic height for forum subject -->
<script>
window.onresize = function() {
GetEqualHeights_Forum();
};
$(document).ready(function(){
GetEqualHeights_Forum();
});
function GetEqualHeights_Forum(){
var element = document.getElementById('post-title-content');
element.style.height = null;
var height = $("#post-title-content").height();
var fontSize = $("#post-title-content").css('font-size');
var lineHeight = Math.floor(parseInt(fontSize.replace('px','')) * 1.5);
var lines=Math.ceil(height / lineHeight);
if(lines==1)
{
document.getElementById('post-title-content').setAttribute("style","height:49px");
}
else{
document.getElementById('post-title-content').setAttribute("style","height:auto");
}
}
//Share popup dynamic left position
$('html').on('click', function(e) {
if(!$(e.target).parents().is('.popover.in')){
let spanReportPosition = $('.form-thread-follow > span').last().position();
let spanReportPositionLeft = Math.floor(spanReportPosition.left - 55);
let propShareLeft = 'left : ' + spanReportPositionLeft + 'px !important;';
$('.followDiv.form-thread-follow .popover.right>.arrow').attr("style", propShareLeft);
}
});
//Share popup dynamic left position ends
var dateFormat = "DD MMM YYYY";
var timeFormat = "HH:mm:ss";
</script>
<!-- End JS script for dynamic height for forum subject -->
<script>
var subscribeText = "Subscribe";
var unSubscribeText = "Unsubscribe";
var cmty_UnsubscribeCardTitle = "You are subscribed to";
var cmty_SubscribeCardTitle = "Subscribe to";
var cmty_threadIsapproved = "true";
var cmty_isCommentApproveFalse = "false";
</script>
<script src="/forums/thread/js_forum_subcribe_module.js?v=1"></script>
<!--script src="/js_Community_common.js"></script-->
<script src="/js_Discussion_Comment_Generic_Pagination.js?v=0.5"></script>
<script src="/forums/thread/details/js_premoderaion_post_comment.js"></script>
<style>
.highighttab {
border-bottom: 2px solid var(--cmty-dymamics-primary);
}
</style>
<link rel="stylesheet" href="/forums/thread/details/sharepopup.css"/>
<script type="text/javascript">
var currenttargetId = "";
$(document).ready(function(){
if(('#forumthread_share' == '')){
throw "shareselector variable should be added on the page with share control selector value.";
}
$('#forumthread_share').popover({
html: true,
trigger: 'click',
title:"",
placement:'bottom',
sanitize: false,
template: '<div class="popover dc-popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title hidden"></h3><div class="popover-content dc-share-container"><p></p></div></div></div>',
content: function() {
var shareDialogHtml="";
shareDialogHtml += '<a href="javascript:void(0)" onclick="javascript:ClosePopup()" id="share-close" role="button" aria-label="Close popup" class="divShareClose"><img title="Share close" class="clickable" src="/forums/thread/details/close.png" /></a>';
shareDialogHtml += '<div id="share-container">';
shareDialogHtml += '<h4 id="share_title">Share this Thread</h4>';
shareDialogHtml += '<div class="circle_Border1"><a href="javascript:void(0)" onclick="javascript:openFacebookShareWindow(`/forums/thread/details/?threadid=10044beb-677e-4882-8798-a253f5c8e0a1`)" role="button" aria-label="Share on Facebook" id="share-facebook"><img title="Share on Facebook" alt="Share on Facebook" src="/facebook.png" /></a></div>';
shareDialogHtml += '<div class="circle_Border2"><a href="javascript:void(0)" onclick="javascript:openTwitterShareWindow(`/forums/thread/details/?threadid=10044beb-677e-4882-8798-a253f5c8e0a1`)" role="button" aria-label="Share on Twitter" id="share-twitter"><img title="Share on Twitter" alt="Share on Twitter" src="/twitter.png" /></a></div>';
shareDialogHtml += '<div class="circle_Border3"><a href="javascript:void(0)" onclick="javascript:openLinkedinShareWindow(`/forums/thread/details/?threadid=10044beb-677e-4882-8798-a253f5c8e0a1`)" role="button" aria-label="Share on Linkedin" id="share-linkedin"><img title="Share on Linkedin" alt="Share on Linkedin" src="/linkedin.png" /></a></div>';
shareDialogHtml += '<div class="div_copyurl"><span>Or copy link</span><div class="share-link-container"><input aria-label="copy link" type="text" id="input_url" value="'+ window.location.origin + '/forums/thread/details/?threadid=10044beb-677e-4882-8798-a253f5c8e0a1' +'" readonly/><button type="button" onclick="javascript:copyToClipboard(`/forums/thread/details/?threadid=10044beb-677e-4882-8798-a253f5c8e0a1`)" id="copy-clipboard" tabindex="0" >Copy</button></div></div>';
shareDialogHtml += '</div>';
return shareDialogHtml;
}
});
$('#forumthread_share').on('inserted.bs.popover', function () {
$( "input[id^='popover']" ).attr("style","top: 85.925px; left: 1091.12px; display: block;");
});
$('html').on('click', function(e) {
if(!$(e.target).parents().is('.popover.in')){
var currentPopOverId = $(e.target).attr('aria-describedby');
currenttargetId = $(e.target).attr('id');
if(typeof $(e.target).attr('aria-describedby') == 'undefined'){
currentPopOverId = $(e.target).parent().attr('aria-describedby');
}
$('[aria-describedby*="popover"]').not("[aria-describedby|="+currentPopOverId+"]").popover('hide');
}
if (typeof $(e.target).data('original-title') == 'undefined' &&
typeof $(e.target).parent().data('original-title') == 'undefined' &&
!$(e.target).parents().is('.popover.in')) {
$('[aria-describedby]').popover('hide');
}
});
$('body').on('hidden.bs.popover', function (e) {
$(e.target).data("bs.popover").inState.click = false;
});
$(document).keydown(function(e) {
if (e.keyCode == 27) {
$(".popover").removeClass("in");
$(".popover").addClass("out");
$("#" + currenttargetId).focus();
}
});
});
function openLinkedinShareWindow(targetUrl) {
window.open('http://www.linkedin.com/shareArticle?mini=true&title=' + encodeURIComponent(document.title) + '&url=' + encodeURIComponent(window.location.origin + targetUrl), '_blank', 'width=650,height=420');
return false;
}
function openTwitterShareWindow(targetUrl) {
window.open('http://twitter.com/share?text=' + encodeURIComponent(document.title) + '&url=' + window.location.origin + targetUrl + '&tweeter', '_blank', 'width=650,height=420');
return false;
}
function copyToClipboard(targetUrl) {
navigator.clipboard.writeText(window.location.origin + targetUrl);
$("#share-container .div_copyurl>span").html("Copied");
return false;
}
function openFacebookShareWindow(targetUrl) {
window.open('http://facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.origin + targetUrl), '_blank', 'width=650,height=420');
return false;
}
function ClosePopup(){
$(".popover").removeClass("in");
$(".popover").addClass("out");
$("#" + currenttargetId).focus();
}
</script>
<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script>
<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pvaembedded.bundle-53becb9f07.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pvaembedded.bundle-53becb9f07.js" type="text/javascript"></script>
<!-- Power virtual agents web template V2.0-->
<div class="pva-floating-style" style="position: absolute; z-index: 1000;">
<div name="webChat"></div>
<script type="text/javascript" id="pvaChatInlineScript">
var botConfig = {"skillConfigViewName": "Community App For Dynamics 365 bot Answers", "botMaximizedByDefault" : "true", "citationUrlParams" : { "mspwrplt_cmty_discussionthread": "threadid","mspwrplt_cmty_blogpost": "postid" }};
// Learn more about advanced configuration: https://go.microsoft.com/fwlink/?linkid=2147420
const webChatHeaderStyleOptions = botConfig?.webChatHeaderStyleOptions;
const webChatCanvasStyleOptions = botConfig?.webChatCanvasStyleOptions;
const webChatWidgetStyleOptions = botConfig?.webChatWidgetStyleOptions;
var botMaximizedByDefault = botConfig?.botMaximizedByDefault;
var botTitle = botConfig?.headerText;
var region = "prod";
var botTemplate = "powerpages-1.0.0";
var botAuthenticationMode = "4";
if(!botTitle || botTitle == undefined || botTitle == "" || botTitle.length == 0)
{
botTitle = "CommunityApp For Dynamics 365 bot";
}
if(!botMaximizedByDefault || botMaximizedByDefault == undefined)
{
botMaximizedByDefault = false;
}
let chatWidth = "320px";
let chatHeight = "500px";
if (screen.width > 992) {
chatWidth = "25%";
chatHeight = "80%";
}
window.PvaEmbeddedWebChat.renderWebChat(
{
"container": document.getElementsByName('webChat')[0],
"botSchemaName": "cr5dc_76ff64d1-4765-4fe7-b797-499fd3196c8e",
"environmentId": "f55e79bd-d8cb-4fbb-9be2-2cefd8cb3b83",
"width": chatWidth,
"height": chatHeight,
"client": "msportals", // client and version is needed for the ease of future breaking changes
"version": "v1",
"headerText": botTitle,
"webChatCanvasStyleOptions": webChatCanvasStyleOptions,
"webChatHeaderStyleOptions": webChatHeaderStyleOptions,
"webChatWidgetStyleOptions": webChatWidgetStyleOptions,
"accessibilityLanguage": "en-US",
"botMaximizedByDefault": botMaximizedByDefault,
"region": region,
"botTemplate": botTemplate,
"botAuthenticationMode": botAuthenticationMode
});
</script>
</div>
<div id="pp-native-controls-react-root"></div>
<script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.27","pcf_controls":"3.2.6","mf_shared":"0.2.7","host":"0.2.0","data_grid":"1.1.26","controls_fluent_v9":"0.0.30"} }</script>
<script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.04a618205e.chunk.js"></script>
<script>
(function(webapi, $){
function safeAjax(ajaxOptions) {
var deferredAjax = $.Deferred();
shell.getTokenDeferred().done(function (token) {
// add headers for ajax
if (!ajaxOptions.headers) {
$.extend(ajaxOptions, {
headers: {
"__RequestVerificationToken": token
}
});
} else {
ajaxOptions.headers["__RequestVerificationToken"] = token;
}
$.ajax(ajaxOptions)
.done(function(data, textStatus, jqXHR) {
validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve);
}).fail(deferredAjax.reject); //ajax
}).fail(function () {
deferredAjax.rejectWith(this, arguments); // on token failure, pass the token ajax and args
});
return deferredAjax.promise();
}
webapi.safeAjax = safeAjax;
})(window.webapi = window.webapi || {}, jQuery)
</script>
<div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value">
</div></div>
<!-- ADO#3768847 Common template for FCB name and portal ID to get the value [START] -->
<!-- Get portal domain name from the website ID [END] -->
<!-- ADO#3768847 Common template for FCB name and portal ID to get the value [START] -->
<style>
.bapi-common-footer .bapi-row, .bapi-common-footer .bapi-row + div {
margin: 0 3.2%;
padding: 0 0.9735rem;
}
@media only screen and (min-width: 1024px) {
.ask-button-mobile, .profile-hide-for-large_view,.user-signin-component {
display:none;
}
.msd-notifications{display: none !important;}
}
@media only screen and (max-width: 640px) {
.ask-button-mobile{
display:none;
}
.ask-question-btn-small-device{
width: 100%;
}
.bapi-top-bar__logo > a > img{
max-width: inherit !important
}
}
@media only screen and (min-width: 640px) {
.ask-button-small-device{
display:none;
}
}
@media only screen and (max-width: 1440px) {
.dc-logged-user-name,.mectrl_header_text{
display:none;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
.nav-items-right-container{
width: 25%;
display: flex !important;
justify-content: flex-end;
}
.bapi-header--sticky>div>#top-nav>ul>li>#buttonInHeader{
display:none;
}
.hero-banner,.dc-breadcrumb1,.dc-forums-thread-breadcrumb,.dc-breadcrumb{
margin-top:36px;
}
.msd-preview-banner{
margin-top: 75px;
}
}
.gs-search-box-container>.dc-explore-search>input.search-textbox{
height: 44px !important;
}
.ask-button-mobile{
margin-top: 12px;
}
</style>
<!-- Note: The script should always be consumed directly from the URL above and should not be bundled into any packages!
The reason is there is geo-sensitive logic in the CDN, which will return different content.
-->
<script>
WcpConsent = {};
</script>
<!-- Cookie Banner Placeholder-->
<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
<script>
(function (WcpConsent, $, global) {
"use strict";
var culture = "en-us";
if (!$ || !WcpConsent || !WcpConsent.name) return;
function onConsentChanged(e) {
if (!window.siteConsent.isConsentRequired) return;
if (global && global.CookieHelper && global.CookieHelper.cleanNonEssentialCookies) {
global.CookieHelper.cleanNonEssentialCookies();
}
window.location.reload();
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
$(document).ready(function () {
$("#footer-nav-ManageCookies").click(function (ev) {
ev.preventDefault();
if (window && window.siteConsent && window.siteConsent.manageConsent) {
window.siteConsent.manageConsent();
}
});
WcpConsent.init(culture, "cookie-banner", function (err, _siteConsent) {
if (typeof err !== "undefined") {
if (appInsights && appInsights.trackException) {
appInsights.trackException({
exception: err,
});
}
return;
}
else {
window.siteConsent = _siteConsent;
// if consentRequired is true, we will show the manage cookies
if (window.siteConsent.isConsentRequired) {
if ($("#footer-nav-ManageCookies") && $("#footer-nav-ManageCookies").length) {
$("#footer-nav-ManageCookies").removeClass("hide");
}
if ($("#wcpConsentBannerCtrl") && $("#wcpConsentBannerCtrl").length) {
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
if (global && global.CookieHelper && global.CookieHelper.cleanNonEssentialCookies) {
global.CookieHelper.cleanNonEssentialCookies();
}
}
}
}, onConsentChanged);
});
})(WcpConsent, jQuery, window);
</script>
<footer class="bapi-common-footer">
<!-- Render Level 2 Footer Navs -->
<div class="bapi-row">
<div class="bapi-column bapi-column--one-half">
<ul class="bapi-link-list bapi-link-list--copyright">
<li>© 2024 Microsoft</li>
</ul>
<!-- Follow social links go here-->
</div>
<div class="bapi-column bapi-column--one-half">
<ul class="bapi-link-list bapi-link-list--horizontal-on-medium bapi-pull-right-on-medium">
<li>
<a href="" data-bi-name="Manage Cookies"
class="f-link hide" id="footer-nav-ManageCookies" aria-label="Manage Cookies">
Manage Cookies
</a>
</li>
<li>
<a href="https://go.microsoft.com/fwlink/?LinkId=248681&clcid=0x409" data-bi-name="Privacy & cookies"
class="f-link show" id="footer_nav-1_Privacy & cookies" aria-label="Privacy & cookies">
Privacy & cookies
</a>
</li>
<li>
<a href="https://go.microsoft.com/fwlink/?LinkId=206977&clcid=0x409" data-bi-name="Terms of use"
class="f-link show" id="footer_nav-1_Terms of use" aria-label="Terms of use">
Terms of use
</a>
</li>
<li>
<a href="https://www.microsoft.com/trademarks" data-bi-name="Trademarks"
class="f-link show" id="footer_nav-1_Trademarks" aria-label="Trademarks">
Trademarks
</a>
</li>
<!-- Countries list renders here-->
</ul>
</div>
</div>
<div class="bapi-row">
<a id="footer_nav_your-california-privacy-choices" data-bi-id="footer_nav_your-california-privacy-choices"
data-bi-name="Your Privacy Choices" style="display: inline-flex;align-items: center;color: #000;text-decoration: underline;" href="https://aka.ms/yourcaliforniaprivacychoices">
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" style="height: 16px;">
<title>Your Privacy Choices Opt-Out Icon