Change running css

[robinhodemorais]

I use Falcon's TUniFSPopup component to create a menu, but I need to adjust the position of the arrow on that menu but dynamically, that is, when I click on a button that will display this popup I need to change the margin-left property of the class's css .x-ux-callout.cartoon.top:after and .x-ux-callout.cartoon.top:before when I click on the button, so when it closes the pop up it's normal so I don't give problems in other places I use, how can i do this at runtime ?

.x-ux-callout.cartoon.top:after {
  margin-left :92px !important; 
}

.x-ux-callout.cartoon.top:before {
  margin-left :90px !important; 
}

 

[robinhodemorais]

Help plis!

[Marlon Nardi]

Hi Robinho,

do you need to change the position of this arrow at runtime?

https://demos.falconsistemas.com.br/?tela=tfrmpopup

[robinhodemorais]

 

So as we talked about Marlon when placing the component in the RelativeX property, the arrow that indicates which shortcut the popup belongs to does not position, for that I'll have to move the css but when clicking, I've seen it here on the forum but I haven't found it. Does anyone remember?! it would be the same if clicking a button could change the css of some component at that moment.

 

4 hours ago, Marlon Nardi said:

Hi Robinho,

do you need to change the position of this arrow at runtime?

https://demos.falconsistemas.com.br/?tela=tfrmpopup

[robinhodemorais]

Help! plis!

[robinhodemorais]

no solution so far  😥

 

does anyone know how to use the callout manually for me to mount a css for each ? since in unigui there is no way to change the specific css at runtime!

[mikromundo]

Veja se lhe ajuda:

UniSession.AddJS('$(''.ButtonTheme'').css({ ''border-color'':''#E5770B''})' );