PhoneJS: how to add logo in navi list

Question

I am new PhoneJS coder. i have created simple slideout code.

I wanting that how to add logo at top in navi list view.

enter image description here

In picture, u can see red cirlce. that place how we can add logo? Please help

score 2 · Accepted Answer · answered Apr 17 '14 at 20:33

2

In file layouts/SlideOut/SlideOutLayout.js you can find layout controller code.

Here in the end of the method _createNavigation put your code adding logotype to slideout:

_createNavigation : function(navigationCommands) {
    // existing code goes here

    this.$slideOut.find(".dx-slideout-menu").prepend("<div class='logo'>My Logo Here</div>");
}

Of course you can put any markup you need. In my example the logo could be background of the div.logo.

answered Apr 17 '14 at 20:33

tabalin

2,303
1
15
27

I Would like to add an image with size? – Nag Raja Apr 21 '14 at 05:01
1

You can add whatever you wish. Just put your markup in prepend call. this.$slideOut.find(".dx-slideout-menu").prepend("") – tabalin Apr 21 '14 at 13:24

PhoneJS: how to add logo in navi list

1 Answers1