liverpool-phil

Perfect, thank you 😀

Phil

HI,

I'm sure I've seen on a websites somewhere the ability to either select an option from a dropdown list or enter an alternative.

Can anyone give me any pointers in how to achieve this?

Thanks

Phil

HI,

Is there a way I can pass a variable (or contents thereof) to a modal when it is called, perhaps as part of the onclick? I was looking at the w3.CSS example below:

So that, for instance I could do something like... <p>This  <?PHP echo $name; ?> has registered on $site </p>

Apologies if this is the wrong forum, but I'm using W3.CSS and this example is similar to what I am trying to achieve. My final modal will have a construct similar to:

<container>

   <header>

      <table>

     <footer>

Each will section will have some variables in...

Thanks

Phil

<!-- Trigger/Open the Modal -->
<button onclick="document.getElementById('id01').style.display='block'"
class="w3-button">Open Modal</button>

<!-- The Modal -->
<div id="id01" class="w3-modal">
  <div class="w3-modal-content">
    <div class="w3-container">
      <span onclick="document.getElementById('id01').style.display='none'" 
      class="w3-button w3-display-topright">&times;</span>
      <p>Some text in the Modal..</p>
      <p>Some text in the Modal..</p>
    </div>
  </div>
</div> 

Thanks again dsonesuk, this will work or what I want. I also learned several new things 😊 I hadn't use colgroup before, and I didn't know you could do {width:calc(100%-8px);}

Phil

Have tried the suggested solution but it is pretty hard to keep things in alignment. The scroll bar adds to the last column which throws the edge out with the headers table.

Any suggestions on keeping things lined up?

Thanks

Phil

HI dsonesuk,

Thanks for the quick response.

So one table for the headers and another for the data - I guess I can use the two sets of tables column widths in sync using width: x%

I'll give it a try.

Thanks

Phil

HI I am trying to have a table with fixed header, and scrollable data cells below. on the right hand side of the table I would like a scroll bar to allow the data cells to scroll vertically.

This is the code I'm currently trying (without success)

.pb-scroll {
	display: 	 block;
	max-height:  400px;
	overflow:	 auto;
}

<tbody class="pb-scroll">
  <tr>
    <td>
      
      etc.

Any help greatly appreciated.

Phil