Note that the names of the ports in the animation gif are reversed. i.e. the port labeled "Fluid inlet Port " is actually the Compensating Port and vice versa.Attached is a GIF file showing how a m/cylinder works.
Attribute to the author:
By KDS444 - Own work, CC BY-SA 3.0, File:Hydraulic disc brake diagram.gif - Wikimedia Commons