How to move the ExpandCollapeSelection to right in tree grid advanced widget?

[PG_10250187]

Hi,

I would like to move the ExpandCollapeSelection to right side. Tried with below CSS but didn't get any solution. Also attached video for reference. Need your help ASAP.

.tree-toggle::part(tree-toggle-icon){
position:absolute !important;
right:0px !important;
}

#root_ptcsgrid-120-bounding-box::part(tree-toggle-icon){

position:absolute !important;
right:0px !important;

}

[JU_10321794 · Accepted solution]

he PG

you can try this if you are using thingworx 9.3.4.

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
    [part=tree-toggle-icon] {
        position:absolute !important;
        right:0px !important;
    }
}

[PG_10250187]

Thank you so much! It worked.

[SV_10230677]

Thanks for the update. This style applies for all the grid in the mashup. Is there a way to make it work for a particular grid within a mashup.

[JU_10321794]

I don't know, the ptcs style unit is very new. And i havent used it all that much yet.

maybe this helps:

http://support.ptc.com/help/thingworx_hc/visual_sdk/Web_Components/ptcs-style-unit/

worst case you can make a contained mashup with your grid. and use the css in the contained mashup.