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

Footer fixed bottom

3 Answers 468 Views
Window
This is a migrated thread and some comments may be shown as answers.
Mattia
Top achievements
Rank 1
Mattia asked on 21 Nov 2016, 08:58 AM
Hi all, I need a footer for a kendo window, in the bottom of it, indipendent of vertical scroll. I've tried this approach http://dojo.telerik.com/eGISi/3 (and also using bootstrap class navbar navbar-fixed-bottom) but every time you move the window, the footer it's moved on the bottom of the page, instead of the bottom of the window. This issue is not present if you resize the window.
So I don't understand if is a sort of kendo window strange behaviour or maybe I'm doing wrong the approach.

Any ideas? 
Thanks!

3 Answers, 1 is accepted

Sort by
0
Misho
Telerik team
answered on 22 Nov 2016, 11:44 AM
Hello,

The footer feature is not supported out-of-the-box by Kendo UI Window. However you can try the approaches that are described in this forum thread.
Here is the code sample:
http://dojo.telerik.com/@Iliana/ilAH

I hope you will find this helpful.

Regards,
Misho
Telerik by Progress
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
0
Ryan
Top achievements
Rank 1
answered on 27 Jan 2017, 10:25 PM

I'm also using Bootstrap, but standard window functionality and not using Bootstrap Modals. this is what I did and is working fine.

HTML 

     <div class="row kendo-modal--footer">
            <div class="col-xs-12 text-right">
                <button type="button" id="myButton" class="btn btn-primary close-button">
                    Cancel
                </button>
                <button type="button" id="" class="btn btn-secondary">
                    Save
                </button>
            </div>

      </div>  

 

CSS

 

.kendo-modal--footer{
    bottom: 0;
    right: 0;
    position: absolute;
    padding: 10px;
    background: #f5f5f5;
    width: 100%;
    border-top: 1px solid #a1a1a1;
}

0
Misho
Telerik team
answered on 30 Jan 2017, 01:21 PM
Hi,

I'm happy to hear that you managed to implement the desired functionality.

Regards,
Misho
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Window
Asked by
Mattia
Top achievements
Rank 1
Answers by
Misho
Telerik team
Ryan
Top achievements
Rank 1
Share this question
or