How do I put a scrollbar on the materialize card?

Asked

Viewed 163 times

1

<div class="col s12 m4 l8">
  <div class="card-panel">
    <h4><center>Título da Reunião</center></h4>
    <div id="primary">
    <div id="log">
       <span class="long-content">&nbsp;</span>
    </div>
<div id="composer">
    <form name="form_message" id="form_message" method="post" action="set_message.ajax.php">
      <input name="nickname" type="hidden" id="nickname" value="<?php echo $_SESSION['nickname']; ?>">
     <div class="row">
     <div class="col s10">
     <input name="message" type="text" autofocus required class="textbox_message" id="message">
</div> 
<div class="col s2">
  <button class="btn-large red darken-3  waves-effect waves-light" id="btn_send" name="action">
      <i class="material-icons ">send</i>
  </button> 
</div>

I’m creating a chat, but I wanted the card to stay fixed instead of increasing in size every time an msg appears. How do I place a scroll bar?

materialize

  • Put the code you’ve already developed if possible to get more help on the site.

1 answer

0

Limit the height of the card with classes de tamanho, class small for the card to have a maximum size of 300px, the class medium for the card to have a maximum size of 400px or the class large for the card to have a maximum size of 500px;

<div class="card-panel small">    
    <h4><center>Título da Reunião</center></h4>

More information visit here.

Browser other questions tagged materialize

You are not signed in. Login or sign up in order to post.