This is a migrated thread and some comments may be shown as answers.

Almost full-screen splitter

7 Answers 80 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
joe castle
Top achievements
Rank 1
joe castle asked on 16 Aug 2011, 05:30 PM
Hi,

I would like the "full-screen" functionality, but my splitter has a top margin
.HtmlAttributes(new { style = "height: 100%; margin-top: 50px" })
 so the resize doesn't work correctly. Is there a way to adjust it to work correctly when the window is resized?

thanks

7 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 17 Aug 2011, 07:19 AM
Hello Joe,

I am afraid the MVC Splitter currently does not support such offsets. What I can suggest you is to move the 50px margin from outside the Splitter to the inside by reorganising your layout a bit (e.g. use a separate 50px-high Splitter pane on top).

Best wishes,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

0
joe castle
Top achievements
Rank 1
answered on 17 Aug 2011, 10:12 AM
Hi Dimo, 

I thought about your suggested solution but I could only lock the top pane but could not remove the border. Is it possible to totally remove/hide it?

Thank you
0
Dimo
Telerik team
answered on 17 Aug 2011, 04:06 PM
Hi Joe,

Splitter panes do not have borders, only the Splitter itself and the splitbars have. You can override the Splitter's styling and remove its outer border like this:

div.t-splitter
{
       border-width: 0;
}

Best wishes,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

0
joe castle
Top achievements
Rank 1
answered on 17 Aug 2011, 05:39 PM
I didn't express myself correctly, I didn't know that splitbars er called slitbar :).
If I use a separate 50px-high Splitter pane on top it will have a splitbar - I would like to remove it to simulate the margin. 

So I guess the question is if a specific splitbar can be removed/hidden.

Thank you
0
Accepted
Dimo
Telerik team
answered on 18 Aug 2011, 10:09 AM
Hello Joe,

If you don't have to support IE6, then you can use:

vPanes.Add()
    .Size("50px")
    .Collapsible(false)
    .Resizable(false)
    .HtmlAttributes(new { @class = "top-pane"} )
    .Content(() =>
    {%>
        <p>this is the 50px-high top pane</p>
    <%});


.top-pane+.t-splitbar
{
    border-width: 0;
}


Otherwise you should subscribe to the Splitter's OnLoad event, find the first splitbar with jQuery or standard DOM operations, and remove its borders with an inline style or a custom CSS class.


Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

0
joe castle
Top achievements
Rank 1
answered on 18 Aug 2011, 11:13 AM
I appreciate your help Dimo. It works as intended now, although I went for hiding it with

.top-pane+.t-splitbar
    visibility:collapse;
}

Thanks again
0
Dimo
Telerik team
answered on 18 Aug 2011, 11:23 AM
Hello Joe,

Glad you resolved it. Note that visibility:collapse is the same as visibility:hidden when used for non-table elements, as in this case.

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Tags
Splitter
Asked by
joe castle
Top achievements
Rank 1
Answers by
Dimo
Telerik team
joe castle
Top achievements
Rank 1
Share this question
or