Nested Flex alignment issue

I have a main flex container inside which i have 3 flex containers containing components in the perspective view . When I run the session I want it to occupy only the length and width specified not the full screen how can i get about that

I would suggest you upload a screenshot with details of what you are doing.

1 Like

grow = 0

If you want more, you'll have to give more :slight_smile:

2 Likes

Thank you for your response I would update with more information soon

By default, grow is 0, so it shouldnt be "fullscreen", however the basis also defaults to 300px so that could do it.
I suggest you read up on flex grow, shrink, and basis (and gap while you're at it)

1 Like

It makes me terribly sad that gap isn't part of perspective style classes :frowning:
You set a class for your containers/cards/whatever, then you still have to add the gap to all of them, or apply it through the stylesheet... in which case the style class's purpose is partly defeated.

3 Likes

You can include it in the p.style by closing another prop (;) and then adding the gap definition:

Or, (for completeness) you can add it to the p.style in the stylesheet:

.psc-MyFolder\/GappyMcGapFace {
    gap: 0.3rem;
}
1 Like

Yes, but none of these seem completely satisfactory :frowning:

Doing some CSS injection there. Is there any concern that IA could prevent this in the future or that it could break anything?

I don't think it could break anything. It's only adding a css rule. Worst case scenario, you get a display bug.

There's no telling if it will get patched out someday, though it seems unlikely for IA to prevent something that's been widely used for so long.
Though it is undocumented, so there's no guarantee this won't happen.

If you want to be safe, use the stylesheet or the theme files. That's the documented and supported way.

But I do hope we'll see improvements to how css is managed. I know we techically have access to everything we need, and I also know that style classes were meant to be a simple tool to allow those who don't know css to make pretty things, but... It's been said again and over again that css is an important part of building perspective applications.
Maybe an advanced mode in each style class, that would transform the current UI to an editor (or just add an editor to the current UI) would remove their limitations, and help clean up the stylesheet of things that really belong in a style class.

Hello Everyone I have a similar problem


I am working with this.
Want is that the content of the root should be displayed at the center of the screen without taking up full screen but I am unable to achieve it and require assistance for the same

1 Like

This doesn't apply to the select item, but the DEEP selected item.
You can deep select something with alt + click, or right click on it and select 'deep select'

1 Like

I Can't say It was a solution I was looking for but got a solution nonetheless
In my case I wanted to open the template on click as a popup and while configuring onclick we get to specify the dimensions and postion for the tab so it worked for me .

Hope this helps

Give us more details and we may be able to help you find the solution you're looking for.

1 Like

I appreciate the help the details are exactly similar to the one shared by best250 to the point

Well his description of the issue is not very detailed either...

1 Like