angular material - Is it possible to position content on the same row as md-tab? -


i'm trying place simple logo img next row of tabs, seems default behavior tabs take horizontal space if isn't required display tabs. tried using layout="row" on containing div, made tabs disappear leaving image. possible?

edit: in response @nitin below - code not quite i'm asking. see picture of codes results.

enter image description here

let me clarify. i'd image on same horizontal tab buttons, red-underlined text is. so:

one 2 (some space) image

{

(some tab content)

}

this work

  <md-content class="md-padding">       <md-tabs md-dynamic-height md-border-bottom>         <md-tab label="one">           <md-content class="md-padding">             <h1 class="md-display-2">tab one</h1>                       </md-content>         </md-tab>         <md-tab label="two">           <md-content class="md-padding">             <h1 class="md-display-2">tab two</h1>                       </md-content>         </md-tab>                   <md-tab>           <img src='' alt='image'>         </md-tab>       </md-tabs>     </md-content> 

plunker here


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -