Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

beerbuddha's avatar

Nova Panel Width Resizing

With cards ->width('1/3'); can be used to take 1/3 of the space.

How would one do with a panel (i tried it said the function doesn't exist) as i have a model with many attributes and some relationships So instead of scrolling I wanted to group 2 pannels together but have them on split view horizontally (as if it was a card)

0 likes
7 replies
ejdelmonico's avatar

In order to resize those cards, try going to NovaServiceProvider and in the cards(), do something like:

(new NewUsers)->width('1/2')

You can do all of your resizing for cards there.

beerbuddha's avatar

@EJDELMONICO - hi, i didnt want the resizing of the cards ...i asked for panels. the width function is for cards and im asking for a way to resize panels.

ejdelmonico's avatar

ok, I suppose I misunderstood your question. Maybe you should read about custom tools. You can build one with any css or js to do what you want.

beerbuddha's avatar

@EJDELMONICO - yeah i tried - but i need a blueprint to base myself on. the nova-components so far as example:

  • entirely new resource dashboard
  • custom cards.

need something on the panel level. so far its everything but the panel

ejdelmonico's avatar

I would think that you can override any of the nova supplied views with your own. It probably involves copying a Vue component and editing the tailwindcss and elements. If it were me, I would investigate that first and then look at some of the packages to how they modify the view in their tool packages.

keironwaites's avatar

Hi, how did you get on with this? I am looking to do the same thing with Panels.

Please or to participate in this conversation.