https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-paneen-USTelligent Community 12https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-paneTue, 17 Sep 2024 14:23:50 GMT5c521d64-519d-47a6-9065-134618b211bf:4744e5b9-4e3d-4dd3-a4ad-7b14d0f8ca63Rafael Fernandeshttps://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-pane#commentsCurrent Revision posted to Dev Tutorials by Rafael Fernandes on 9/17/2024 2:23:50 PM<br /> <p><span class="SCXW25341720 BCX0"><span class="WACImageContainer NoPadding DragDrop BlobObject SCXW25341720 BCX0"><img style="max-height:420px;max-width:572px;" alt=" " height="420" src="/resized-image/__size/1144x840/__key/communityserver-wikis-components-files/00-00-00-00-14/pastedimage1726582905991v1.png" width="572" /><span class="WACImageBorder SCXW25341720 BCX0"></span></span></span><span class="TextRun EmptyTextRun SCXW25341720 BCX0" lang="EN-US" data-contrast="auto"></span></p> <ul> <li>The size and alignment of the content pane ( &lt;div id=&rdquo;content&rdquo;&gt;) element has changed</li> <li>The content pane now has a &ldquo;floating&rdquo; appearance with a <strong>24px</strong> gap added on either side</li> <li>The top corners of the content pane are now rounded</li> <li>&ldquo;How does this affect my customizations?&rdquo; <ul> <li>Most elements should adjust automatically to fit the updated size and alignment of the content pane.</li> <li>However, you will want to be aware of any custom elements that make use of fixed positioning, as their widths or positionings may need to be updated.</li> <li>We have defined a few LESS variables that can assist you in any calculations you may need to make to determine the size/alignments of fixed elements in your <code>custom.less</code> file: <ul> <li><code>@mainPaneSideGap</code> (default: 1.5rem) <ul> <li>The gap size on each side of the main pane</li> </ul> </li> <li><code>@mainPaneTopGap</code> (default: 3.5rem) <ul> <li>The gap size between the top of the viewport and the top of the main pane</li> </ul> </li> </ul> </li> </ul> </li> </ul><div style="clear:both;"></div> https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-pane/revision/2Tue, 17 Sep 2024 14:23:31 GMT5c521d64-519d-47a6-9065-134618b211bf:4744e5b9-4e3d-4dd3-a4ad-7b14d0f8ca63Rafael Fernandeshttps://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-pane#commentsRevision 2 posted to Dev Tutorials by Rafael Fernandes on 9/17/2024 2:23:31 PM<br /> <p><span class="SCXW25341720 BCX0"><span class="WACImageContainer NoPadding DragDrop BlobObject SCXW25341720 BCX0"><img style="max-height:420px;max-width:572px;" height="420" src="/resized-image/__size/1144x840/__key/communityserver-wikis-components-files/00-00-00-00-14/pastedimage1726582905991v1.png" width="572" alt=" " /><span class="WACImageBorder SCXW25341720 BCX0"></span></span></span><span class="TextRun EmptyTextRun SCXW25341720 BCX0" lang="EN-US" data-contrast="auto"></span></p> <ul> <li>The size and alignment of the content pane ( &lt;div id=&rdquo;content&rdquo;&gt;) element has changed</li> <li>The content pane now has a &ldquo;floating&rdquo; appearance with a <strong>24px</strong> gap added on either side</li> <li>The top corners of the content pane are now rounded</li> <li>&ldquo;How does this affect my customizations?&rdquo; <ul> <li>Most elements should adjust automatically to fit the updated size and alignment of the content pane.</li> <li>However, you will want to be aware of any custom elements that make use of fixed positioning, as their widths or positionings may need to be updated.</li> <li>We have defined a few LESS variables that can assist you in any calculations you may need to make to determine the size/alignments of fixed elements in your <code>custom.less</code> file: <ul> <li><code>@mainPaneSideGap</code> (default: 1.5rem) <ul> <li>The gap size on each side of the main pane</li> </ul> </li> <li><code>@mainPaneTopGap</code> (default: 3.5rem) <ul> <li>The gap size between the top of the viewport and the top of the main pane</li> </ul> </li> </ul> </li> </ul> </li> </ul><div style="clear:both;"></div> https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-pane/revision/1Mon, 16 Sep 2024 18:00:30 GMT5c521d64-519d-47a6-9065-134618b211bf:4744e5b9-4e3d-4dd3-a4ad-7b14d0f8ca63Rafael Fernandeshttps://sugarclub.sugarai.com/dev-club/w/dev-tutorials/971/content-pane#commentsRevision 1 posted to Dev Tutorials by Rafael Fernandes on 9/16/2024 6:00:30 PM<br /> <p>Content Pane</p><div style="clear:both;"></div>