All posts by mlapaglia

3D Printing

New Corner Braces

Leave a comment

The corner brace design I found on Thingiverse was too weak for 25mm extrusion. After assembling the frame the extrusion could flex the plastic touching it.

I took the design into Sketchup and adding more support. I’ve added the STL to a new GitHub repository I have started using for the pieces I redesign.

The new brace design adds support on the bottom of the extrusion to allow for 3 additional mounting points. This decreases the amount of flex present in the frame.
IMG_20150122_181535

Side shot (The bottom holes needed to be reamed a bit because I sized them too small. The other pieces are sized correctly):
IMG_20150122_181549

A shot beside the old design
IMG_20150122_182207

Bootstrap, HTML, Javascript, jQuery

Bootstrap Dropdown Selection

Leave a comment

Unlike most dropdown controls in use across the web today, Bootstrap dropdowns don’t natively support selecting items in the list by typing the item you want to select out on your keyboard. On regular dropdowns, if your list has 2 items in it:

<label class="control-label">New / Used:</label>
<div class="dropdown">
   <button id="buttonSearchVehicleNewUsed" class="btn dropdown-toggle " type="button" data-toggle="dropdown">-- Select Type --</button>               
      <ul id="dropDownSearchVehicleNewUsed" class="dropdown-menu" role="menu">
         <li data-val="true"><a href="#">New</a></li>
         <li data-val="false"><a href="#">Used</a></li>
         <li data-val="false"><a href="#">UsedCPO</a></li>
      </ul>
   </div>
</div>

and you open the dropdown, you can normally only use the up and down arrows to select your item. If you modify your list to have dozens or hundreds of items, this can take a significant amount of time.

This plugin allows you to open the dropdown and type “U” to have the first item starting with the letter “U” to become focused. Additional typing will allow a more refined search “USEDC” would jump to the “UsedCPO”. This allows users to quickly get to the item they want. The project is on my GitHub: https://github.com/mlapaglia/Bootstrap-DropdownSelect