question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can i set size for side panes?

See original GitHub issue

Cmv-app has panes described in viewer.js:

panes: {
    left: {
        splitter: true
    },
    bottom: {
        id: 'sidebarBottom',
        placeAt: 'outer',
        splitter: true,
        collapsible: false,
        region: 'bottom'
    },
    top: {
        id: 'sidebarTop',
        placeAt: 'outer',
        collapsible: false,
        splitter: false,
        region: 'top'
    }
}

May i set initial size (width for left and right panes or height for top and bottom)? And set size for them in further?

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tmcgeecommented, Aug 11, 2017

@drusexton the linen.jpg file is sized at 78px high and includes a white strip at the bottom. The existence of that file predates my involvement in the CMV project so I don’t know the source. I don’t use it in my projects.

Here are some options:

  1. Resize the image, removing the white strip. Because of the pattern in the image, that could be a small challenge.
  2. Use a different image of your choice.
  3. Simplest choice is to remove the background image and use a background color.
1reaction
tmcgeecommented, Aug 10, 2017

@drusexton you definitely don’t want to use bottom since that is 100px from the bottom of the page.

In the current and previous releases, you also have to set the top of the BorderContainer to be the same as the header’s height: https://github.com/cmv/cmv-app/blob/develop/viewer/css/main.css#L69

In a very recent PR that is being reviewed, I changed that approach because it always bothered me. 😉

New - document body uses Flex Box so only the appHeader height needs to be adjusted. BorderPane will automatically use the rest of the page.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Creating side panes by using a client API in model-driven apps
Pages displayed in the side pane must fit within the minimum width of 300 pixels and resize to larger widths based on the...
Read more >
You may soon be able to resize the Microsoft Edge Sidebar ...
As spotted by u/Leopeva64-2 on Reddit, in Edge Canary, you are now able to resize the Sidebar quick action Side panels.
Read more >
UPDATE You can now resize the Side Panel in ... - YouTube
As spotted by u/Leopeva64-2 on Reddit, the Side panel in Chrome Canary 106 is now resizable by being able to drag the panel....
Read more >
Width and Height for Drapery Panel Set - Rooms Beautiful
Width and height are defined here as measurements of the entire size of the window treatment, the "covering area" - NOT the dimensions...
Read more >
How to Use Split Panes - Oracle Help Center
To make your split pane work well, you often need to set the minimum sizes of components in the split pane, as well...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found