View source for Automet® FAB - Design Input: Flange Misalignment

__NOTOC__
<!-- ===================== HEADER ===================== -->
<div style="margin:0 0 20px 0; padding:18px 22px; border:1px solid rgba(128,128,128,0.35); border-left:5px solid #3366cc; border-radius:6px; background:rgba(51,102,204,0.06);">
<div style="font-size:170%; font-weight:bold; margin-bottom:4px;">Flange Misalignment</div>
<div style="margin-bottom:8px;">Configuring flange mitres and misaligned geometry in automet® FAB.</div>
<div style="font-size:90%;">[[Main Page|← Main Page]] &nbsp;·&nbsp; [[Automet® FAB - Design New|← Design - New]] &nbsp;·&nbsp; [[Automet® FAB - Design Input: Flange Geometry|← Flange Geometry]]</div>
</div>

== Overview ==

To add a mitre to a flange, edit the flange settings, deselect the '''Held to line''' checkbox, and enter the required mitre values.

<div style="text-align:center; margin:20px 0 28px 0;">
[[File:HTL1.png|center|450px]]
<div style="margin-top:6px; font-size:85%; font-weight:bold;">Held to line checkbox</div>
</div>

== Flange Mitre Options ==

Depending on whether the flange is vertical or horizontal, different mitre options and orientation controls are presented:

<div style="display:flex; flex-wrap:wrap; gap:16px; margin:16px 0 28px 0; align-items:stretch;">

<!-- VERTICAL FLANGE CARD -->
<div style="flex:1 1 380px; padding:16px; border:1px solid rgba(128,128,128,0.35); border-top:4px solid #3366cc; border-radius:6px; background:#fff; text-align:center;">
<div style="font-size:120%; font-weight:bold; margin-bottom:12px;">Vertical Flanges</div>
[[File:HTL2.png|center|360px]]
<div style="margin:8px 0 16px 0; font-size:85%; opacity:0.8;">Flange mitre settings dialog</div>
[[File:HTL5.png|center|300px]]
<div style="margin-top:8px; font-size:85%; font-weight:bold;">Vertical flange example</div>
</div>

<!-- HORIZONTAL FLANGE CARD -->
<div style="flex:1 1 380px; padding:16px; border:1px solid rgba(128,128,128,0.35); border-top:4px solid #e67e22; border-radius:6px; background:#fff; text-align:center;">
<div style="font-size:120%; font-weight:bold; margin-bottom:12px;">Horizontal Flanges</div>
[[File:HTL3.png|center|360px]]
<div style="margin:8px 0 16px 0; font-size:85%; opacity:0.8;">Flange mitre settings dialog</div>
[[File:HTL4.png|center|360px]]
<div style="margin-top:8px; font-size:85%; font-weight:bold;">Horizontal flange example</div>
</div>

</div>

== Adding a Flange Mitre to an Off-Grid Pipe ==

When flange geometry is misaligned on an off-grid pipe, specific conventions are used to display the required alignment to fabricators. The alignment (flange mitre) is represented as local on the isometric view, while values in the table are displayed as global coordinates.

<div style="display:flex; flex-wrap:wrap; gap:20px; padding:20px; border:1px solid rgba(128,128,128,0.35); border-radius:6px; background:#fcfcfc; margin:16px 0 24px 0; justify-content:center; align-items:flex-start;">
<div style="flex:1 1 300px; text-align:center;">
[[File:MisGeo1.png|center|380px]]
<div style="margin-top:8px; font-size:85%; font-weight:bold;">Flange geometry view</div>
</div>
<div style="flex:1 1 300px; text-align:center;">
[[File:MisGeo2.png|center|380px]]
<div style="margin-top:8px; font-size:85%; font-weight:bold;">Global table values (part 1)</div>
</div>
<div style="flex:1 1 300px; text-align:center;">
[[File:MisGeo3.png|center|380px]]
<div style="margin-top:8px; font-size:85%; font-weight:bold;">Global table values (part 2)</div>
</div>
</div>

<div style="background:#f8f9fa; border:1px solid rgba(128,128,128,0.35); border-left:5px solid #3366cc; padding:15px; margin:15px 0 24px 0; border-radius:6px; display:flex; align-items:flex-start; gap:12px;">
<div style="font-size:20px; line-height:1.2;">🎬</div>
<div style="display:flex; flex-direction:column; gap:8px; align-items:flex-start;">
<div>'''Video tutorial:''' Learn more about flange mitres on off-grid pipes. <span style="color:#666; font-size:90%;">(2:05 mins)</span></div>
<span class="plainlinks">[https://www.youtube.com/watch?v=zv_mghSPPm0 <span class="mw-ui-button mw-ui-progressive" style="margin:0; padding:6px 12px; font-weight:bold; color:white !important; text-decoration:none !important;">▶ Watch Video</span>]</span>
</div>
</div>