Splitview with single footer

[Kyriakos]

Hi , I 'd like to ask if its possible to have a single footer with icons centered in a page with splitview and how , so far I have only managed to have 2 separate footer for splitview page

[Alexander Valchev]

Hello Kyriakos,

I am afraid that such functionality is not supported at present. SplitView widget consists of two or more Pane components. Each of the Panes can have a layout, but you cannot have one shared layout for both panes.

Kind regards,
Alexander Valchev
the Telerik team

[Michael]

Guys, this functionality is really necessary. Can you include it the next release?

[Kyriakos]

so far I managed to implement a single footer with the following as a test.

 

<div  id="mainfooter" data-role="header">

        <div data-role="tabstrip">

            <a href="#login-wrapper" data-icon="contacts" onclick="logout();" data-role="button" class="logout-wrapper">Logout</a>

        </div>

    </div>  

 

#mainfooter {float:left;position:fixed;width:100%;z-index:10000;display:block;bottom: 0px;margin-right: auto;  margin-left: auto;background-image: url("../images/header.png");height:43px;text-align:center;line-height:43px;}

#mainfooter a {color:#ffffff;text-decoration:none;}

My main issue is that it doesn't show on webkit browsers due to the position fixed attribute ,only works on Mozilla firefox.

 

 

 

 

 

 

[Kamen Bundev]

Hi Kyriakos,

Currently SplitView in a View is not a supported scenario. You can use any means of content layout to split your content in two columns - flexbox, div elements with relative width (position: absolute, left and right positions without set width) or floated containers. You can also reuse the SplitView styling (which is flexbox) to do that, check my post in another thread for more information and a sample.

All the best,
Kamen Bundev
the Telerik team