> For the complete documentation index, see [llms.txt](https://help.prequilt.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.prequilt.com/prequilt-101/build-a-block-unit-for-the-fabric-calculator/triangular-units/triangle-in-a-square-tri-rec.md).

# Triangle in a Square (Tri Rec)

Best Practices for Auto Recognition

<figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F8duBUV5eooT8eqKIsF52%2FScreen%20Shot%202024-11-08%20at%202.53.19%20PM.png?alt=media&amp;token=1fd0100f-2842-4d4c-9a70-5134d8189f43" alt="" width="375"><figcaption><p>Triangle in a Square Block Unit</p></figcaption></figure>

## <mark style="color:blue;">Triangle in a Square (Tri Rec) Block Unit in PreQuilt</mark>

This more intermediate or advanced block unit can be tough to nail in the sewing room. But it's pretty easy peasy in PreQuilt.

**Triangle in a Square** block units are constructed using one isosceles triangle with a half rectangle triangle on either side of it. Overall, these three shapes within the overall square shape.

This shape is also sometimes referred to as a **Tri Rec** (and if you know why, please let me know!).

And since the idea behind this series is to build a block unit that can be used to create a larger block,  I'm going to create a 12" finished block that has Triangle in a Square block units in it (like for example, the **Sun Rays** quilt block).

&#x20; &#x20;

***

### YouTube Video

*Coming soon...*

***

### Help Guide

1. Click on the <mark style="color:blue;">**BLOCKS tab**</mark> on the left side control panel.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FLp0hgWM5G9JorN7DTBLn%2FScreen%20Shot%202022-09-28%20at%203.46.28%20PM.png?alt=media&amp;token=97caa245-c8af-4048-9342-27252c7cba8b" alt=""><figcaption></figcaption></figure></div>
2. Click on the <mark style="color:blue;">**Make Custom Block**</mark> button.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FEp85lfXPh1t2HyDeRFSt%2FScreen%20Shot%202022-09-28%20at%203.47.18%20PM.png?alt=media&amp;token=f16698cc-cee6-4b9b-aa75-77a209b9b7e3" alt=""><figcaption></figcaption></figure></div>
3. The **Block Editor panel** will slide out and overtake your screen. My block is set to 12" x 12" finished, but it doesn't matter, the next steps will work for all sized blocks.
4. Set your grid guidelines by changing the number for the horizontal and vertical units.

   * Since I'm going to be creating the **Sun Rays** quilt block, I'll set my gridlines to 6 horizontal and 6 vertical units.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FhFIbMt0pMQIuddiRJ4Yz%2FScreen%20Shot%202024-11-07%20at%201.35.26%20PM.png?alt=media&amp;token=8b2ec92f-24cf-4b5e-8bfc-8f43859ba808" alt=""><figcaption></figcaption></figure></div>

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fk6a06q6CcdDNH0Itxx7g%2FScreen%20Shot%202024-11-07%20at%201.36.04%20PM.png?alt=media&amp;token=8e1202ea-12f6-43f1-8054-5925100a3d6e" alt=""><figcaption></figcaption></figure>
5. Click on the <mark style="color:blue;">**half square triangle shape**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FOOczoHCspS78lYiKhndc%2FHST%20piece.png?alt=media&amp;token=8ab6bd3b-4b8f-4a5f-ae06-70ed1e35478b" alt="" data-size="line">) from the central control panel.
6. One half square triangle will be added to the block space. <mark style="color:blue;">**Move**</mark> it into the correct position by clicking on the shape on the block space and moving it to where it belongs.

   <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FcC8wONgrmCy4pIOG7DIy%2FScreen%20Shot%202024-11-07%20at%201.38.55%20PM.png?alt=media&amp;token=cec26bad-97b7-4f68-b17a-d6ffb898bd7b" alt=""><figcaption><p>HST shape added to the quilt block space</p></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FWs94kVlgcxIfjiCPurl2%2FScreen%20Shot%202024-11-07%20at%201.39.16%20PM.png?alt=media&amp;token=ff6843e5-bb5a-4851-a051-aa52b3b76fe4" alt=""><figcaption><p>HST shape moved to build the block</p></figcaption></figure></div>
7. We now need to stretch the HST so that it's rectangular. <mark style="color:blue;">**Grab**</mark> the square on the top side of the HST and <mark style="color:blue;">**drag**</mark> it until the triangle fills the height of only 2 vertical grid spaces.&#x20;

   * Note: If the snap to grid is turned on (default) then the shape will automatically fill the grid space.

   <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FxOEqe92z9qaIQndDeucS%2FScreen%20Shot%202024-11-07%20at%201.47.00%20PM.png?alt=media&amp;token=557473ac-4062-4e82-89e2-3892e2cecd3f" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FK3gKtYJj6nL3FGX0HEY8%2FScreen%20Shot%202024-11-07%20at%201.47.16%20PM.png?alt=media&amp;token=ca84929a-490f-4772-93d2-9a691410aad5" alt=""><figcaption></figcaption></figure></div>
8. Click on the <mark style="color:blue;">**half square triangle shape**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FOOczoHCspS78lYiKhndc%2FHST%20piece.png?alt=media&amp;token=8ab6bd3b-4b8f-4a5f-ae06-70ed1e35478b" alt="" data-size="line">) from the central control panel.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FCiFFm9luZq7eVd5YRhKW%2FScreen%20Shot%202024-11-08%20at%203.09.09%20PM.png?alt=media&amp;token=ea1ec4dd-fa3c-4e36-8cc5-c5246955e007" alt=""><figcaption></figcaption></figure>
9. Click on the <mark style="color:blue;">**Rotate button**</mark> (![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FGR6TNyrDdrPEBMQ1kC2G%2FRotate.png?alt=media\&token=dee9dfad-4200-4439-9f46-abdcffb41cdf)) on the central control panel so that the half square triangle is oriented in the opposite direction as the first one was.

   * Note: You will need to click on the rotate button a few times to get it in the right orientation.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FBMfnUCbA0GizjMa5aGFO%2FScreen%20Shot%202024-11-08%20at%203.12.14%20PM.png?alt=media&amp;token=ca7f98d8-beeb-4eb2-b12d-6854f877e09c" alt=""><figcaption></figcaption></figure>
10. <mark style="color:blue;">**Repeat**</mark> Steps 6-7, but make sure to create a mirror version of the first half rectangle triangle.&#x20;

    <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FqUaE6gTeYitrRGZKbCOW%2FScreen%20Shot%202024-11-08%20at%203.13.15%20PM.png?alt=media&amp;token=68b67081-bd4d-4aa6-9fcc-ee04bb5c4db0" alt=""><figcaption></figcaption></figure>
11. Click on the <mark style="color:blue;">**isosceles triangle**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F8reB7PCNOlhA3aCluqwi%2FScreen%20Shot%202024-10-31%20at%204.53.58%20PM.png?alt=media&amp;token=217b280f-7c0a-411b-b397-094f2a8314b2" alt="" data-size="line">) from the central control panel.

    <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FZKloEIeKldstoXKbBnMh%2FScreen%20Shot%202024-11-08%20at%203.15.22%20PM.png?alt=media&amp;token=4eeadc9a-4d7e-4e2e-a4da-eb52ad1fd9cb" alt=""><figcaption></figcaption></figure>
12. Click on the <mark style="color:blue;">**Link button**</mark> for a different fabric link (so that there are 2 different fabrics being used in your half square triangle block (unit). In this example, I'm linking to Fabric Link C.

    <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FjXkMsCcbUsswHmdHYqKa%2FScreen%20Shot%202024-11-08%20at%203.19.51%20PM.png?alt=media&amp;token=a7475edd-fecc-44b6-9b05-00bf20bde41b" alt=""><figcaption></figcaption></figure>
13. Click on the <mark style="color:blue;">**Rotate button**</mark> (![](https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FGR6TNyrDdrPEBMQ1kC2G%2FRotate.png?alt=media\&token=dee9dfad-4200-4439-9f46-abdcffb41cdf)) on the central control panel so that it is in the correct orientation.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fcrn6ff1DNniKPVx77QVu%2FScreen%20Shot%202024-11-08%20at%203.20.25%20PM.png?alt=media&amp;token=90ac6a12-635b-49c7-9e2f-ca35c2c43ad4" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FEVfdVSNYKWN10qOS32hE%2FScreen%20Shot%202024-11-08%20at%203.20.34%20PM.png?alt=media&amp;token=5079f136-bacb-4439-a955-a9c8c4ab34ec" alt=""><figcaption></figcaption></figure></div>
14. <mark style="color:blue;">**Move**</mark> and <mark style="color:blue;">**drag**</mark> the new triangle piece so it fills the empty space of the triangle in a square block unit. It should snap into place and be snug between the 2 half rectangle triangles.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F5QWiZviu38E51ppOXBdn%2FScreen%20Shot%202024-11-08%20at%203.22.55%20PM.png?alt=media&amp;token=f2bc65ea-a800-4e6a-b522-9bc580d48b29" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FxjCnvBC2f8VGcf5D3wW5%2FScreen%20Shot%202024-11-08%20at%203.23.07%20PM.png?alt=media&amp;token=426e2609-e29c-4c36-a750-a9d3c53b1a0a" alt=""><figcaption><p>1 x Triangle in a Square block unit</p></figcaption></figure></div>
15. <mark style="color:blue;">**Create**</mark> the remaining block units to complete the Sun Rays quilt block.

    <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FxjCnvBC2f8VGcf5D3wW5%2FScreen%20Shot%202024-11-08%20at%203.23.07%20PM.png?alt=media&amp;token=426e2609-e29c-4c36-a750-a9d3c53b1a0a" alt=""><figcaption><p>1 x Triangle in a Square block unit</p></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FCmWxocW2aAyhOiCh7FaE%2FScreen%20Shot%202024-11-08%20at%203.27.22%20PM.png?alt=media&amp;token=ff70694f-63f9-4d80-a803-926a3106485a" alt=""><figcaption><p>Sun Rays Block with 4 Triangle in a Square block units</p></figcaption></figure></div>

&#x20;   &#x20;

***

## <mark style="color:blue;">Sewing Construction Diagrams</mark>

### <mark style="color:blue;">1 at a Time Method</mark>

This subcut method has left over fabric. Add another Fabric A square to make another identical block unit.

<figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FFU2AguteTEos6jagYizy%2FTri-Rec-1-at-a-time-Subcut-1.jpg?alt=media&amp;token=edfac4db-6831-4ab3-9c48-387ad19e81b2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FIL0ctIl7keIHDtDXKebE%2FTri-Rec-1-at-a-time-Subcut-2.jpg?alt=media&amp;token=45cb43ad-69a8-4fd9-b37d-7b0e70bcb3f1" alt=""><figcaption></figcaption></figure>

{% file src="/files/0gUXByQEgmYmrjwce9WE" %}
