title: JavaFx elements, change the size dynamically in relationship to the size of the window
body: <p>I have this:
  <a href="https://i.stack.imgur.com/mQGxS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mQGxS.png" alt="enter image description here"></a>
  A borderPane with left node a Vbox (green arrow) with button inside(orange arrow).</p>
  
  <p>What I can not do is find a way to change the dimensions of Vbox(green segment) and then for the button (orange segment) in accordance with the size of the window. (when the user plays with the window size)</p>
  
  <p>I prefer to find a way to set the parameters into my css files, or as a last resort inside my fxml.</p>
  
  <p>.css file:</p>
  
  <pre><code>.left-borderPane{ /*this is style class for Vbox */
  /*something so similar: */
  -fx-min-width:30% ;
  -fx-max-width:30% ;
  }
  
  .icon-settings{/*this is style class for buttons*/
  -fx-shape:"M72.5,65.9 M90,50c0,8.6-2.5,16.9-7.3,24.1c-0.4,0.6-1,0.9-1.7,0.9c-0.4,0-0.8-0.1-1.1-0.3c-0.9-0.6-1.2-1.8-0.6-2.50zM69.6,50c0,3.2-0.6,6.2-1.8,9.1c-0.3,0.8-1.1,1.2-1.8,1.2c-0.2,0-0.5,0-0.8-0.1c-1-0.4c0.6-0.6,1.4-0.7,2.2-0.4C57.5,14.5,58,15.2,58,16z M35,37H14v26h21V37z M54,20.8l-15,15v28.3l15,15V20.8z";
  /*something so similar: */
  -fx-min-width:80% ;
  -fx-max-width:80% ;
      }
  </code></pre>