How to Fix a Leaking Shower Faucet Stem

As pointed out in this wikihow article, replacing a worn-out washer is a simple process that takes very little time and a few common tools.  I would like to add a condition to this statement: only if the faucet (tap) placement is good.

Tools that you needed

• Retractable knife: to cut out the silicone sealant around the faucet
• Screw driver: help to remove the silicone sealant from wall socket
• Pliers: to grip the washer out of the faucet
• Tap spanner: to unscrew the stem 
• Multi grip (optional): easier to use than tap spanner if it can fit and lock on to the stem
• Silicone Sealant

Steps
- Turn off the water source.

- Remove the tap button screw at the front of the stem.

- Unscrew the handle from the stem.

- Use retractable knife to cut the silicone sealant around the faucet, you may need a screw driver to clear any residue around the nut for maximum grip

- Because the nut is positioned deeper than the wall tiles, it's tricky to have spanner or multi grip to hold the nut steadily without breaking the tiles.  Use a tap spanner with a longer rod (to increase torque) instead to unscrew it.  It took us about 90 minutes.

- Use pliers to take out the deformed washer and replace it.

Note the difference?

- Fill the gap with silicone sealant and wait for at least 36 hours in hot weather.

- Turn on the tap to check if there's any leakage


References

• Tap Repair Parts 

How to expand data table rows in YUI2

I've been assigned to work on a data table solution which allows user to click on an arrow to expand and display a drop-down row for details.

> Customers                  123

  - Melbourne                 (2)

  - Brisbane                    (119)

  - Darwin                      (2)

- Processing                   5

Requirement:

- Not every row needs a drop down, in this case, only the first row

- A grand total of all the items' total is displayed at the parent (bold) row

- Data Table is preferred to display the data

However, my solution falls between DataTableControl: Row Expansion and Nested DataTables.  I use this version of rowexpansion.js for my assignment.

Solution

End result

References

- If DataTable's width is set to 100%, column width will be ignored in YUI2.  Here's the workaround.

1. Set the CSS property "width: 100%" for either the DataTable's table tag, or the div that contains the DataTable.
2. Set the "width" DataTable column property to the number of pixels you want specifically per column.
3. Set the "minWidth" DataTable column property to a ridiculously enormous number per columns you want auto-sized.

var myColumnDefs = [
  {key:"foo", width: 20},
  {key:"bar", minWidth: 999999 },
];

new YAHOO.widget.DataTable("someContainer", myColumnDefs, myDataSource);