topic Re: Border Radius to Modal Pop-ups in ThingWorx Developers

Border Radius to Modal Pop-ups

pshashipreetham — Tue, 15 Feb 2022 14:22:05 GMT

Is there any way to add Border Radius to the Modal Popups in the Thingworx 9.3

@c_lowy @CarlesColl @paic @slangley

Thanks,
Shashi.

Re: Border Radius to Modal Pop-ups

CGinus — Tue, 15 Feb 2022 13:33:02 GMT

Hi,

You can use custom CSS in your Popup Mashup:
.mashup-popup, .mashup-popup .popup-mashup-goes-here {
border-radius: 50px !important;
}

Re: Border Radius to Modal Pop-ups

pshashipreetham — Tue, 15 Feb 2022 13:51:23 GMT

.mashup-popup, .mashup-popup .popup-mashup-goes-here {
border-radius: 50px !important;
}

@CGinus , don't think this is the correct CSS Syntax, "goes-here" ?

Thanks,
Shashi.

Re: Border Radius to Modal Pop-ups

CGinus — Tue, 15 Feb 2022 16:24:35 GMT

It's a default class name so the CSS should work for any Mashup that's used as a pop-up, you don't need to change it in order for it to work.

Re: Border Radius to Modal Pop-ups

pshashipreetham — Tue, 15 Feb 2022 16:26:42 GMT

@CGinus , can you pls tell me, what do you mean by goes-here ?

Thanks,
Shashi

Re: Border Radius to Modal Pop-ups

CGinus — Tue, 15 Feb 2022 16:39:09 GMT

It's just a name/class for the place where a Mashup is displayed when you use a pop-up.

Re: Border Radius to Modal Pop-ups

pshashipreetham — Sat, 16 Apr 2022 16:34:41 GMT

Hi @CGinus ,

No clue what you are talking about, Thread is going bigger but no idea what does that syntax mean.

Thanks,
Shashi.

Re: Border Radius to Modal Pop-ups

Tone — Tue, 19 Apr 2022 10:03:45 GMT

Hi Shashi,

the selector in this case is ".popup-mashup-goes-here".

You can also find it if you inspect and in the popup class it says "popup-mashup-goes-here", it is a fix name.

Best,

Antonia