Forge Community Blog

SVF/SVF2 Survey

Mikako Harada — Wed, 06 Jan 2021 22:19:35 -0800

<p>Do you use SVF? Have you tried <a href="https://forge.autodesk.com/blog/svf2-public-beta-new-optimized-viewer-f…; title="svf2-public-beta-new-optimized-viewer-format">SVF2</a>?  If the answer is yes to either of them, please take a moment to fill <a href="https://autodeskfeedback.az1.qualtrics.com/jfe/form/SV_eo1uRU8CgoSptVr&…; title="svf/svf2 survey">this survey about SVF/SVF2</a>. </p>

<p>SVF is a format used to view a model with Forge API. SVF2 is a newer version of SVF. It is optimized for better performance and currently in public beta. If you haven’t tried SVF2, yet, please read <a href="https://forge.autodesk.com/blog/svf2-public-beta-new-optimized-viewer-f…; title="svf2-public-beta-new-optimized-viewer-format">this post</a> and give it a try. </p>

<p>Please participate the survey even if you haven’t tried SVF2, yet. We would like to get feedback about SVF, too.  You are welcome to come back to the survey after you have tried SVF2. <br />
Survey will help the product team to make improvements to the existing services and prioritize the efforts moving forward. The survey should take about 10 minutes.</p>

<p>If you have any questions about the survey, feel free to contact: [email protected]">[email protected].  </p>

<p>Thank you for your time and helping us improve the service for future. </p>

<p><em>Note: this is the same survey we had at AU 2020.  </em></p>

Use System.Data.SQLite from iLogic rule

Adam Nagy — Wed, 06 Jan 2021 05:40:01 -0800

<p>If you need to work with an <a href="https://sqlite.org/">SQLite</a> database, one way is to use <a href="https://system.data.sqlite.org/">System.Data.SQLite</a><br />
It's not part of the .NET framework install, but available through <strong>NuGet</strong>: <a href="https://www.nuget.org/packages/System.Data.SQLite">https://www.nuget.or… />
(now there is also a light-weight library providing similar functionality: <a href="https://www.nuget.org/packages/Microsoft.Data.SQLite/">Microsoft.Data.S… an <a href="https://docs.microsoft.com/en-us/dotnet/standard/data/sqlite/compare">a…; on comparing the two)</p>

<p>This library is also not available on the <strong>Design Automation</strong> servers, so you would need to provide it yourself.</p>

<p>If you want to use it from an <strong>iLogic</strong> rule, then apart from referencing it (using "<strong>AddReference</strong>"), you also have to make sure that it can be located.</p>

<p>I found two ways to do it:<br />
<br />
<strong>1) Update iLogicAuto.FileOptions.AddinDirectory</strong></p>

<p>As I mentioned in the <a href="https://forge.autodesk.com/blog/use-external-ilogic-rules">Use external iLogic Rules</a> blog post, you can modify the file resolution paths used by <strong>iLogic</strong>. In this case, we could do it like this:</p>

<pre>
<code class="language-javascript">public void RunWithArguments(Document doc, NameValueMap map)
{
// Let's say that the first paameter in the command line provides the path to the
// app bundle and that's where the relevant files for System.Data.SQLite are stored:
// System.Data.SQLite.dll & SQLite.Interop.dll
string bundlePath = map.Item["_1"] as string;
string contents = System.IO.Path.Combine(bundlePath, @"DaSamplePlugin.bundle\Contents");

ApplicationAddIn addIn = inventorApplication.ApplicationAddIns.ItemById["{3bdd8d79-2179-4b11-8a5a-257b1c0263ac}"];
if (!addIn.Activated)
{
addIn.Activate();
}
dynamic iLogicAuto = addIn.Automation;
iLogicAuto.FileOptions.AddinDirectory = contents;

// open document, run iLogic rule, etc.
}</code></pre>

<p><strong>2) Get the app bundle to load those dll's</strong></p>

<p>If we are using any functionality inside our <strong>app bundle</strong> from <strong>System.Data.SQLite</strong> then the relevant dll's will get loaded into the <strong>Inventor Core Console</strong> process and will be available by the time the <strong>iLogic</strong> rule is run</p>

<pre>
<code class="language-javascript">public void RunWithArguments(Document doc, NameValueMap map)
{
// Just use anything from the System.Data.SQLite library
System.Data.SQLite.CollationEncodingEnum temp = System.Data.SQLite.CollationEncodingEnum.UTF8;

// open document, run iLogic rule, etc.
}</code></pre>

<p>The <strong>iLogic</strong> rule in our document:</p>

<pre>
<code>AddReference "System.Data.dll"
AddReference "System.Data.SQLite.dll"
AddReference "System.Xml"
Imports System.Data.SQLite
Imports System.Data

Try
' Let's say mydb.db is in the same folder as the Inventor document
Dim dbPath = System.IO.Path.Combine(ThisDoc.Path, "mydb.db")
Dim dbConnectionString As String = "Data Source=" + dbPath

Dim sqliteCon As SQLiteConnection = New SQLiteConnection(dbConnectionString)
sqliteCon.Open()
Dim dataAdapter As SQLiteDataAdapter = New SQLiteDataAdapter("SELECT name FROM sqlite_master", sqliteCon)
Dim ds As DataSet = New DataSet()
dataAdapter.Fill(ds)
Dim dataRowCol As DataRowCollection = ds.Tables(0).Rows

Trace.WriteLine("List of tables in the database")
For Each dr In dataRowCol
Trace.WriteLine(dr("name").ToString())
Next
Catch ex As Exception
Trace.WriteLine(ex.Message)
End Try </code></pre>

Visualize your data with Forge

Whitney Lawrence — Mon, 04 Jan 2021 08:47:39 -0800

<p class="MsoNormal">Autodesk is one of the leading providers of 3D design solutions. Forge is Autodesk’s platform of APIs and web services that help you augment your design and engineering data and workflows. Put them together and you can build powerful applications fueled by 3D design data. That means you can create some pretty amazing data visualizations.<o:p></o:p></p>

<p class="MsoNormal">So what can you create with Forge APIs?<o:p></o:p></p>

<ul>
<li class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">      Dashboards</li>
<li class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;"><span style="text-indent: -0.25in;">      3D Visualizations</span></li>
<li class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;"><span style="text-indent: -0.25in;">      Digital Twins</span></li>
<li class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;"><span style="text-indent: -0.25in;">      Reporting and clash detections</span></li>
<li class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;"><span style="text-indent: -0.25in;">Catalogs</span><o:p></o:p></li>
</ul>

<p class="MsoNormal">All of this can be obtained using the Forge Viewer and API that helps you visualize 2D and 3D models on the web. This is particularly exciting as we are coming off of our biggest conference of the year, Autodesk University. And with that event, we announced some upcoming enhancements to the Viewer. That includes things like handling large models, supporting open standards, adding new extensions (like aerial mini map, depth of field, and quick measure), and an overall enhanced developer experience. There are even new enhanced capabilities to layer IoT data with the Viewer.<o:p></o:p></p>

<p class="MsoNormal">If you are curious what you can do with the Viewer, check out <a href="https://www.autodesk.com/autodesk-university/class/Forge-Road-Map-Visua… class</a> from Autodesk University. If you want to get a sneak peek into what companies are doing with the new Viewer extensions, check out <a href="https://www.keanw.com/2020/12/hyperion-at-last-weeks-forge-accelerator… blog post</a> from Kean Walmsley. In the blog post, Kean shares applications built from a recent Accelerator that just finished up mid-December.<o:p></o:p></p>

<p class="MsoNormal">If you want to explore more about data visualization capabilities from Forge, we’ve consolidated these AU classes for you.<o:p></o:p></p>

Getting Started with Forge

Marnee Dupont — Mon, 28 Dec 2020 09:00:00 -0800

<p><a href="https://www.autodesk.com/autodesk-university/conference/home">Autodesk University 2020</a> was a week-long spectacular virtual experience that has and will continue through the month and beyond. There was an extraordinary amount of product and feature announcements, customized learning content, and opportunities to meet and network with fellow professionals! Through all of this, we hope you are invigorated and excited to get started on your Forge journey. But you may be wondering, where do I begin? Below you will find many resources to get your innovations kickstarted.</p>

<h3>Can't miss AU 2020 Experiences</h3>

<ul>
<li>Head to the <u><a href="https://www.autodesk.com/autodesk-university/conference/forge">Forge Industry Destination</a></u> page to watch our Forge Keynote, learn what Forge can do for your industry, see recommended classes, and more.</li>
<li>Reach out to some of the many highly skilled <u><a href="https://forge.autodesk.com/blog/visit-forge-exhibitors-au-2020">Forge Exhibitors</a></u> to learn about their expertise and experience with Forge.</li>
<li>Check out <u><a href="https://forge.autodesk.com/topics/autodesk-university">these blogs</a></u> that provide recaps and recommendations for all of the AU 2020 happenings to help you learn more about Forge.</li>
</ul>

<h3>Resources to get started with Autodesk Forge</h3>

<ul>
<li>Explore our official website: <u><a href="https://forge.autodesk.com/">https://forge.autodesk.com/</a></u></li>
<li>Watch this video on <u><a href="https://forge.autodesk.com/blog/what-forge">What is Forge</a></u></li>
<li>Check out our <u><a href="https://learnforge.autodesk.io/#/">Quickstart Guides and Tutorials</a></u></li>
<li>Head to our <u><a href="https://forge.autodesk.com/FAQ">FAQ</a></u> page</li>
<li>Get help on <u><a href="https://forge.autodesk.com/en/support/get-help">StackOverflow</a></u>.&… Forge support team monitors StackOverflow for, and will answer, all questions marked with Forge-related tags.<br />
In many cases, members of the Forge developer community will also give you advice.</li>
<li>Sign up for our <u><a href="https://forge.autodesk.com/#newsletter">Newsletter</a></u> to receive updates and announcements about Forge developments, resources, events and community.</li>
<li>Follow us on twitter: <u><a href="https://twitter.com/AutodeskForge" title="Autodesk Forge Twitter">Autodesk Forge</a></u></li>
<li>Create your Autodesk account <u><a href="https://accounts.autodesk.com/register">here</a></u></li>
</ul>

<h3>Learning Events</h3>

<p>Now that you've been introduced to Forge and how to get started, be sure to expand your skills with our fantastic learning events.</p>

<ul>
<li>We have a monthly webinar series called <a href="https://forge.autodesk.com/partnertalks">Forge Partner Talks</a> where top Forge partners share the solutions they have built using Forge, the insights they gained along the way and any words of wisdom for anyone just starting out. </li>
<li>Attend one of our virtual <a href="https://forge.autodesk.com/accelerator-program">Accelerator Programs</a> which are week-long opportunities for developers to work intensively on a chosen project with help and support directly from Autodesk's Forge team.  You get to network with industry experts and peers, exchange ideas, and build your proof-of-concept.</li>
</ul>

<p>Check out our <a href="https://forge.autodesk.com/events">Forge Events</a> page to find what works best for you.</p>

<p>We hope you are inspired to Reimagine Possible. The Forge team is always available at <a href="[email protected]">[email protected]</a> to">mailto:[email protected]">[email protected]</a> to assist you in getting up and running.</p>

AU Class Solutions to Help You Connect and Integrate BIM 360

Marnee Dupont — Mon, 21 Dec 2020 09:00:00 -0800

<p paraeid="{00044f23-b460-4cee-9252-cab367b8ac41}{134}" paraid="1967593472">At <a href="https://www.autodesk.com/autodesk-university/conference/home">Autodesk University 2020</a> you were able to learn from hundreds of Autodesk experts and your industry peers. But the learning does not stop there! You still have plenty of time to catch any of the classes you might have missed. Perhaps you are interested in learning more about Forge and BIM 360. BIM 360 is a tool for everyone but Forge makes it specific to you. So check out the below classes focused on <strong>connecting, integrating, and automating BIM 360 needs</strong> to see how you can improve your workflows and innovations. </p>

<h4><u><a href="https://youtu.be/UOLi3fSJFnk">Forge Lightning Talks - Using Forge to make BIM 360 your own</a></u></h4>

<p>In this presentation, Autodesk Consulting will share how they created the custom tools necessary to make BIM 360 match the specific needs of our customers – from creating a project setup tool that guarantees that projects are set up in the correct fashion and by the correct people, to building a backup tool that provides the off-site file storage required by certain customers, to embedding BIM 360 into Microsoft Teams.</p>

<h4><u><a href="https://youtu.be/6sEGzp9HZxQ">Forge Lightning Talks - BIM 360 automation with Design Automation</a></u></h4>

<p>Automation is key to increase productivity and to reduce human error, but how to bring that to BIM 360 workflows? Design Automation API brings the power of the desktop engines to the cloud, including AutoCAD, Inventor, Revit, and more. This class will show how to automate common tasks for those files, focusing on how to read from BIM 360 Document Manager, modify, check, and save back the results. A basic understanding of Forge programming is required.</p>

<h4><u><a href="https://youtu.be/6sEGzp9HZxQ">Forge Lightning Talks - BIM 360 Deep File search across multiple projects and accounts</a></u></h4>

<p>Data is only as powerful as our ability to find what we need. And with the exponential increase of design documents hosted on BIM 360 Document Manager, a custom search is becoming a must-have. This class will explore how to implement a custom deep file search using Forge, Autodesk's cloud platform, and AWS services. Basic understanding of general & Forge programming is required.</p>

<h4><u><a href="https://youtu.be/FHX58n2OgkU">Forge Lightning Talks - Build your custom Forge integration with Microsoft Power Automate</a></u></h4>

<p>Looking for a low-code development platform to build your custom Forge solution? Join this class to learn how to utilize Power Automate, a low-code development tool by Microsoft, to leverage data from your Autodesk cloud services using Forge APIs. Discover how to build a custom connector for your Forge solution in Microsoft Power Automate. I will cover how you can automate the extraction of data from your BIM 360 projects, export it into your enterprise database, and stream it to a live PowerBI dashboard.</p>

<p>In the early days of CAD, we made 2D creations of designs. Then came the era of creating models in 3D. Now, the next phase is connected BIM (Building Information Modeling). This era is about building applications and solutions that connect a community of people to a project or product, and to the new means of production. This class will showcase how users can utilize the power of the cloud using Revit software and BIM 360 software. It will also showcase how the users can customize the information present in BIM 360 using Forge and how they can make their own customized apps.</p>

<p>With almost a million downloads worldwide, the Autodesk BIM interoperability tools—which include the Model Checker for Revit software—have become the industry standard in reviewing Revit models. This tool is now available for your BIM 360 models! Built on Forge, the Model Checker on Forge tool can review all your models and generate reports on their compliance with the checks you define. Whether pass/fail, counts, or lists, you can view the check reports individually and easily put them into a Microsoft Power BI dashboard. This session will be a thorough study of this amazing new tool, including how to use it and tips and tricks.</p>

<p>While companies try to adapt BIM 360 software to their projects and integrate with their existing workflow, one of the challenges is setting up projects in scale. While using a product’s web user interface may be enough for a few projects, tasks involved in setting up projects—such as adding users and building a standard folder structure with appropriate user permissions—can easily become time-consuming, tedious, error-prone manual labor. In this class, we will show you a tool that helps you set up projects in bulk by importing from CSV files. The tool consists of a collection of commands that you can run in combination. The features include: creating projects, populating users and company, setting up services, adding users to projects, and creating folders with user permissions. The tool is a desktop application written in .NET using Forge APIs. </p>

<p>Arkio is a design tool used to bring your ideas and conceptual building designs to life inside virtual reality (VR). VR lets you immerse yourself in the creative process by freely walking around your design or stretching a wall with simple hand gestures. In this class, we will take a deep dive into the Forge Design Automation for Revit API to show how users can easily load their latest BIM 360 Revit models into VR and make design changes that are pushed back to Revit and BIM 360 in a collaborative way. </p>

<p>Wondering how BIM 360 software can improve design workflows for an engineering, procurement, and construction (EPC) contractor? This class will showcase how worldwide general contractor Maire Tecnimont has planned the implementation of BIM 360 on projects, and its disruptive impact on the traditional workflows. The session will analyze the platform strengths and limitations and will demonstrate how to redesign the traditional waterfall approach in order to get the most out of the BIM 360 features. Through the showcase of an industrial plant project, we will explain why BIM 360 is the solution that lets team members effectively collaborate to maximize efficiency and project quality regardless of where they are located.</p>

<p>This class will explain how to manage and improve the construction process of linear infrastructure projects with BIM 360 software in order to improve data quality and reduce costs and time by 60%. The digitalization of these processes enables us to retrieve relevant data and information directly in the construction site, reducing wastefulness, and promoting sustainability. Currently, we are managing roughly 150 projects with BIM 360 Docs, BIM 360 Field, and BIM 360 Project Management software. For these projects we mainly implemented three processes: the quality check, the inspection survey in BIM 360 Field, and the design variation check. The management of the company can use data and statistics to analyze the progress and the status of the works through powerful dashboards made with Forge. We will show the workflows improvements with clear metric analysis.</p>

<p>This class will focus on high-level workflows between BIM 360 Cost Management software and various, standard, industry enterprise resource planning (ERP) packages. We will also introduce the middlewares making these connections, and the importance of connecting project controls with construction ERPs.</p>

<p>Availability of BIM 360 Model Coordination software made the clash detection portion completely automatic; i.e., uploading files to a given space or a folder in BIM 360 Docs software automatically triggers cloud-based, Navisworks-like, clash-detection service. However, how to interpret those results and resolve the issues are currently completely left up to the users. In this session, we will explore possibilities to further automate some portion of analyzing clashes and suggesting possible resolution options. We approach this goal by making use of all the available Forge capabilities, combining the BIM 360 Model Coordination API to detect clashes, keeping track of issues and resolution with the Issues API to accumulate as a knowledge base, and suggesting/making possible changes to the model using Design Automations for Revit software. </p>

<p>BIM (Building Information Modeling) practitioners are seeking more efficient ways to analyze the accumulated data in BIM 360 projects on a daily basis. Microsoft Power BI is a popular, powerful tool that provides intelligent dashboards to inspect the data. In this class, we will show you three different ways to analyze BIM 360 project data with Power BI for BIM coordination and communication purposes. The first way will be with no coding; the second will be with a little bit of coding, and the third way will be with real programming (and handy templates). You will also learn how to build a simple app that integrates Power BI and Forge. Join us and discover which method is suited for your skill set and your workflow, or combine them in different scenarios.</p>

<h4 paraeid="{00044f23-b460-4cee-9252-cab367b8ac41}{161}" paraid="407841667">Curious about other continuous learning opportunities? Check out the blogs below to see some featured content for your industry:</h4>

<ul>
<li><u><a href="https://forge.autodesk.com/blog/forge-construction-au-continuous-learni… for Construction AU Continuous Learning</a></u></li>
<li><u><a href="https://forge.autodesk.com/blog/forge-manufacturing-au-continuous-learn… for Manufacturing AU Continuous Learning </a></u></li>
<li><u><a href="https://forge.autodesk.com/blog/forge-infrastructure-au">Forge for Infrastructure AU Continuous Learning</a></u></li>
<li><u><a href="https://forge.autodesk.com/blog/forge-building-design-au-continuous-lea… for Building Design AU Continuous Learning</a></u></li>
</ul>

learnforge View Your Models - VB.NET

Adam Nagy — Fri, 18 Dec 2020 03:31:44 -0800

<p>I wrote about migrating our <strong>C# .NET </strong>samples to <strong>VB.NET</strong>: <a href="https://forge.autodesk.com/blog/learnforge-modify-your-models-vbnet">le… Modify Your Models - VB.NET</a></p>

<p>You can do the same with any of our <strong>.NET</strong> projects, including <a data-id="view-your-models" href="https://learnforge.autodesk.io/#/tutorials/viewmodels">View your models</a></p>

<p>Once you converted the project you'll have to do the same fixes as in the previous project:<br />
1) Replace all "<strong>dynamic</strong>" words in the whole project with "<strong>Object</strong>"<br />
<img alt="Replace all "dynamic" with "Object" " data-entity-type="file" data-entity-uuid="29e0876a-c8c5-4c89-80ca-a1e2a1b7452b" src="https://flint-prodcms-forge.s3.amazonaws.com/prod/s3fs-public/inline-im…; /></p>

<p>2) Add "<strong>Imports System.Text</strong>" in one of the files<br />
<img alt="Add Imports System.Text" data-entity-type="file" data-entity-uuid="b6ad537d-310d-4e67-aef6-91b25315846c" src="https://flint-prodcms-forge.s3.amazonaws.com/prod/s3fs-public/inline-im…; /></p>

<p>There was only one more thing that needed fixing. When trying to access objects from the responses for <strong>GetBucketsAsync</strong>() and <strong>GetObjectsAsync</strong>() then we cannot do it directly through a <strong>property</strong>, but have to pass the <strong>property</strong> <strong>name</strong> to the <strong>Dictionary</strong>(): e.g. instead of <strong>buckets.items </strong>we have to use <strong>buckets.Dictionary("items")</strong><br />
<img alt="Change property access" data-entity-type="file" data-entity-uuid="afab06fb-332a-4138-8816-f2dfdb4d2b1f" src="https://flint-prodcms-forge.s3.amazonaws.com/prod/s3fs-public/inline-im…; /></p>

<p>And of course, just like in case of the original sample, you have to add your <strong>Forge</strong> App's credentials to the project:<br />
<img alt="Add credentials in project settings" data-entity-type="file" data-entity-uuid="abcbf826-3280-4de3-bce2-5a4114bb26ae" src="https://flint-prodcms-forge.s3.amazonaws.com/prod/s3fs-public/inline-im…; /></p>

<p>Here is the finished project: <a href="https://github.com/adamenagy/Container/blob/master/learn.forge.viewmode…;

Forge Community News - December 2020

Sanjana Chand — Thu, 17 Dec 2020 09:58:09 -0800

<p>Want to receive the Forge newsletter? Sign up <a href="https://forge.autodesk.com/#newsletter">here</a> to get the latest Forge Community News delivered right to your inbox every month.</p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Forge Community News - December 2020</title>
<style type="text/css">
body {
width: 100% !important;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
margin: 0;
padding: 0;
}

td {
mso-line-height-rule: exactly;
}

.ExternalClass * {
line-height: 100%;
}
</style>
<style media="only screen and (max-width: 600px)" type="text/css" >
@media only screen and (max-width: 600px) {
.devicewidth {
min-width: 320px !important;
width: 100% !important;
}
.cellblocknopadding {
display: block !important;
padding: 0 !important;
width: 100% !important;
}
.cellblock {
display: block !important;
width: 100% !important;
}
.full-width {
width: 100% !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

table.mobile-column, td.mobile-column, td.mobile-column-last {
display: block !important;
width: 100% !important;
}
table.mobile-column {
margin-bottom: 32px !important;
}
td.mobile-column {
padding-bottom: 32px !important;
}
img.fluid-img {
height: auto !important;
width: 100% !important;
}
div.img-container {
height: 150px;
overflow: hidden;
}
.adsk-logo_container, .secondary-logo_container {
display: block !important;
text-align: left !important;
}
img.adsk-logo_image {
height: auto !important;
width: 250px !important;
}
td.pad-032 {
padding: 0 32px 32px 32px !important;
}
td.pad-3232 {
padding: 32px 32px 32px 32px !important;
}
td.pad-0320 {
padding: 0px 32px 0px 32px !important;
}
td.pad-320 {
padding: 32px 32px 0px 32px !important;
}
td.pad-253232 {
padding: 25px 32px 32px !important;
}
.hideblock {
display: none !important;
}
table.image-credit-wrapper {
width: 100% !important;
}
td.preheader-container {
padding: 0 15px 5px 15px !important;
}
td.view-web-container {
padding: 0 15px 15px 15px !important;
}
/* Background Image Header | [Banner_2A] - Banner with 3/4 image - Right */
td.header-text-td-masthead {
background-position: top no-repeat;
background-size: 100%;
padding: 43% 32px 10% 32px !important;
}
/* Custom Examples | [Banner_2A] - Banner with 3/4 image - Right */
div.banner-image-container {
/*height: 150px;*/
overflow: hidden;
}
td.banner-headlines-container {
height: auto !important;
padding: 7% 32px !important;
}
td.header-text-bg {
background-repeat: no-repeat;
background-position: 48% 100%;
background-size: cover;
position: relative;
}
td.header-text-td-bg {
padding: 70px 32px 25px !important;
}

.mobile-left-align {
background-repeat: no-repeat;
background-position: 0% 100% !important;
background-size:cover;
}

.mobile-left-align-center {
background-repeat: no-repeat;
background-position: 0% 50% !important;
background-size: cover;
}

.email-mobile td.header-text-td-bg-banner-5 {
padding: 25px 32px 25px !important;
}

table.banner-3-left {
float: none !important;
width: 100% !important;
}
td.banner-3-credit-spacer {
display: none !important;
}
td.header-headline-bg, td.header-subhead-bg {
line-height: 24px !important;
padding-left: 0 !important;
}
td.header-headline-bg {
font-size: 22px !important;
padding-bottom: 5px !important;
}
td.header-cta-bg {
padding-left: 0 !important;
}
td.header-subhead-bg {
font-size: 18px !important;
}
/* End Background Image Header */
/* Font Sizes */
td.subhead_copy_wrapper, td.normal_copy_wrapper, td.column-copy, td.speakers-td-bottom {
font-size: 15px !important;
line-height: 22px !important;
}
td.column-copy {
padding: 0 !important;
}
td.pad-bottom-32 {
padding: 0 0 32px 0 !important;
}
td.header_headline {
font-size: 22px !important;
line-height: 28px !important;
padding-bottom: 5px !important;
}
td.header_subhead {
font-size: 18px !important;
line-height: 24px !important;
}
td.headline_padding, td.headline_wrapper headline_padding {
padding-bottom: 20px !important;
font-size: 18px !important;
line-height: 24px !important;
}
td.headline_wrapper {
font-size: 18px !important;
line-height: 24px !important;
}
td.no-padding {
padding: 0 !important;
}
td.show-me {
display: block !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
td.content-td {
padding-bottom: 25px !important;
}
td.content-td, table.content-td show-me {
padding: 25px 32px !important;
height: 100% !important;
}
td.content-td-primary {
padding: 32px !important;
}
td[id="footer-container"] {
padding: 22px 32px 32px !important;
}
td.content-span2-right {
padding: 25px 0px !important;
}
table.medium-button {
max-width: 256px;
width: 100% !important;
}
img.social-icon {
width: 30px !important;
height: 30px !important;
}
td.social-first {
padding: 20px 5px 20px 0px !important;
width: 30px !important;
height: 30px !important;
}
td.social {
padding: 20px 5px 20px 20px !important;
width: 30px !important;
height: 30px !important;
}
td.button-text a {
text-transform: uppercase;
width: 100% !important;
padding: 10px 0;
}
td.sidebar-td-blue {
padding: 25px 32px;
}
td.message, tr.message {
color: #0696D7 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px !important;
line-height: 18px !important;
height: 18px !important;
padding-bottom: 24px !important;
display: block !important;
max-height: none !important;
font-weight: bold;
}
td.title-speakers-td-bottom {
padding-bottom: 20px !important;
}
td.speakers-td-bottom {
padding-bottom: 18px !important;
}
img.location-two-column image-fix {
margin-top: 15px;
}
img.location-two-column-l image-fix {
margin-top: 0px;
}
td.image-caption-img-l {
padding-bottom: 20px;
}
img.col-image, img.sidebar-image, img.location-two-column image-fix, img.location-two-column-l image-fix {
height: auto !important;
max-width: 256px !important;
width: 100% !important;
}
tr.hide-element {
display: block !important;
width: 100% !important;
max-height: 100% !important;
}
img.sidebar-image {
padding-bottom: 20px;
}
img.image-centered {
height: auto !important;
max-width: 270px !important;
width: 100% !important;
}
/* Text Link to Box CTA */
td.box-cta_container {
padding: 15px 0px 32px !important;
}
a.box-cta {
background: #1858A8 url("https://pages.autodesk.com/rs/918-FOD-433/images/autodesk-wireframes-bu…;) no-repeat 95% 50%;
color: #FFFFFF !important;
display: block;
font-size: 18px !important;
max-width: 241px !important;
width: 100% !important;
margin-top: 5px;
padding: 10px 0 10px 15px !important;
text-transform: uppercase;
}
td.social-large-image {
width: 100% !important;
display: inline-block !important;
border: none !important;
padding-bottom: 5px !important;
}
table.social-container-large {
width: 100% !important;
}

td.mobile-hide {
display: none !important;
}
td.mobile-show {
display: block !important;
max-height: none !important;
}
table.mobile-show {
display: block !important;
max-height: none !important;
}
div.mobile-show {
display: block !important;
max-height: none !important;
width: auto !important; /* for gmail + yahoo chrome T_T */
}
td.mobile-padding {
padding: 15px 0 0 15px !important;
}

.itm-subscribe-mobile-padding {
padding: 15px 0 12px 15px !important;
}

.itm-subscribe-mobile-padding-alignleft {
padding: 15px 0 12px 32px !important;
}

td.itm-mobile-show {
display: table-cell !important;
max-height: none !important;
}

table.itm-mobile-show {
display: table !important;
max-height: none !important;
}

td.mb-headline-pad {
/* left padding = right padding - countdown width */
padding: 0px 14px 0 70px !important;
}
td.mobile-hr-pd {
padding: 0 30px 12px 15px !important;
}

td.mobile-hr-pd-itmleft {
padding: 0 30px 12px 0 !important;
}

td.mb-pr-15 {
padding-right: 15px !important;
}
.itm-countdown-mobile-pad {
padding-right: 0px !important;
}

}
/* End Media Query */
</style>

</head>

<span class="preheader" style="display: none; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">Holiday news from Autodesk Forge</span>
<span class="preheader-whitespace" style="display: none; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">&zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; </span>

<table width="100%" bgcolor="#DCDCDC" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; background-color: #DCDCDC;">
<tr>
<td style="vertical-align: top;">

<table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse; margin: 0 auto; min-width: 670px; width: 670px;">
<tr>
<td style="padding-top: 20px; vertical-align: top;" align="left" valign="top">

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;">
<span class="preheader" style="display: none; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">Holiday news from Autodesk Forge</span>
<span class="preheader-whitespace" style="display: none; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">&zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; </span>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="view-web-container_promo" style="font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-align: left;" dir="ltr">
<div class="mktoSnippet" id="viewAsWebpage" mktoName="View as a webpage link" style="padding: 0px 0px 0px 0px;"><span style="color: #666666;">Click </span><a href="{{system.viewAsWebpageLink}}" style="color: #666666;" target="_blank">here</a> <span style="color: #666666;">to view this email in your web browser.</span></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="15" style="mso-line-height-rule:exactly; line-height: 15px;"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/autodesk-wireframes-sp…;
width="10" height="15" border="0" style="display: block;" /></td>
</tr>
<tr>
<td style="background-color: #ffffff;">

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td>
<table class="mobile-column"></table>
<td class="adsk-logo_container full-width" style="background-color: #ffffff; padding: 0px 0px 0px 0px;">
<a href="https://forge.autodesk.com" target="_blank"><img class="adsk-logo_image" src="http://pages.autodesk.com/rs/autodeskglobal/images/3625-cropped-1528102…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="250" height="50" alt="Autodesk" border="0" /></a>
</td>
</td>
</tr>
</table>

</td>
</tr>
</table>

<tr>
<td class="title-speakers-td-top mktoTranslate" style="font-size: 18px; vertical-align: top; text-align: center; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:20px; padding: 0px 0px 15px 0px;"
align="left" valign="top">DECEMBER 2020</td>
</tr>

<tr>
<td class="normal_copy_wrapper mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: center; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; padding-bottom: 20px;"
align="center" valign="top"><span style="color:#ffffff;">Forge platform updates, coding resources, and community announcements.</span></td>
</tr>

</tbody>
</table>

</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>

</tbody>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">

<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;"
align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-3"></a>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="full-width" align="left" valign="top">
<table border="0" cellpadding="0" class="devicewidth" cellspacing="0" style="min-width: 670px; width: 670px; border-collapse: collapse;">
<tr>
<td class="content-td" colspan="2" style="padding: 28px 32px 0px 32px;" align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="content-title-icon" style="border-collapse: collapse;">
<tr>
<td class="title-text mktoTranslate" style="font-size: 24px; vertical-align: top; text-align: left; color: #FAA21B; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:24px; padding: 0px 0px 20px 0px;"
align="left" valign="top">Forge and ADN holiday schedule</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0px 32px 32px 32px;" align="left" valign="top">
<table class="full-width" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="cellblock" align="left" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse;">

<tr>
<td class="normal_copy_wrapper mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; padding-bottom: 22px;"
align="left" valign="top">During the annual Autodesk Winter holidays, Forge API and Autodesk Developer Network support will be closed between <strong>December 21, 2020</strong> and <strong>January 1, 2021</strong>.<br><br>Please submit any questions no later than the end of <strong>Wednesday, December 16 </strong>to receive a response before the holidays.<br><br>Happy holidays!</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0px 10px 0px; vertical-align: top;">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td height="22" style="background-color: #FAA21B; height: 22px; padding: 8px 15px; vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="button-text" style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; mso-line-height-rule: exactly; line-height: 22px; text-transform: uppercase;"><a class="mktoTranslate" href="https://forge.autodesk.com/blog/2020-forge-and-adn-holiday-schedule" target="_blank"><span style="color: #ffffff; display: inline-block; text-decoration: none; ">Learn more</span></a></td>
<td style="width: 10px; padding-left: 12px;">
<a href="https://forge.autodesk.com/blog/2020-forge-and-adn-holiday-schedule" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/autodesk-wireframes-bu…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="10" height="16" alt="" border="0" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse; min-width: 670px; width: 670px;"
align="center">
<tr>
<td>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="header-text-bg" width="670" valign="top" bgcolor="#0696D7" style="background-color: #0696D7; background-position:center center; background-size: cover; width: 670px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" class="full-width">
<tr>
<td class="header-text-td" style="padding: 20px 20px 20px 0;" align="left" valign="top">
<a name="panel-4"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="header_headline mktoTranslate" style="font-size: 27px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; mso-line-height-rule:exactly; line-height: normal; padding-left: 35px; " align="left">Platform updates</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<tr>
<td class="title-speakers-td-top mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
align="left" valign="top">Autodesk Construction Cloud unification announcements</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0px 0px 0px; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/blog/autodesk-construction-cloud-unified-pro…; target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/blog/autodesk-construction-cloud-unified-pro…; target="_blank" style=" color: #666666; text-decoration: underline;">Read the changes</a>
</td>
</tr>
</table>
</td>
</tr>

</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse; min-width: 670px; width: 670px;"
align="center">
<tr>
<td>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="header-text-bg" width="670" valign="top" bgcolor="#0696D7" style="background-color: #0696D7; background-position:center center; background-size: cover; width: 670px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" class="full-width">
<tr>
<td class="header-text-td" style="padding: 20px 20px 20px 0;" align="left" valign="top">
<a name="panel-6"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="header_headline mktoTranslate" style="font-size: 27px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; mso-line-height-rule:exactly; line-height: normal; padding-left: 35px; " align="left">Resources</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<tr>
<td class="normal_copy_wrapper mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; padding-bottom: 22px;"
align="left" valign="top"><ul><li>PixelCompare extension</li>
<li>Collapse category in the Property Panel</li>
<li>Root object not visible in Model browser</li>
<li>Pass custom command-line arguments from WorkItem</li>
<li>Different ways to run iLogic code</li>
<li>Viewer keeps showing old model</li>
<li>Access WorkItem parameters from AppBundle</li>
<li>Implementing Custom Markups</li>
<li>Data Management and Model Derivative region</li>
</ul></td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0px 0px 0px; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/categories/code-samples" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/categories/code-samples" target="_blank" style=" color: #666666; text-decoration: underline;">View all samples</a>
</td>
</tr>
</table>
</td>
</tr>

</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;"
align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-8"></a>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="full-width" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;">
<tr>
<td class="content-td" colspan="2" style="vertical-align: top; padding: 28px 32px 22px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="content-title-icon" style="border-collapse: collapse;">
<tr>
<td class="title-text mktoTranslate" style="font-size: 24px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:24px; padding: 2px 0px 10px 0px;"
align="left" valign="top">Forge Partner Talks - Winter lineup</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="pad-032" style="padding: 0 32px 30px 32px;"
align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;" align="left" valign="top">


<table align="left" width="292" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 292px;">
<tr>
<td align="left" style="vertical-align: top; padding: 0px 0px 10px 0px;" valign="top">

<a href="https://forge.autodesk.com/blog/forge-partner-talks-winter-sessions" target="_blank"><img src="https://pages.autodesk.com/rs/autodeskglobal/images/9078-fpt-winter.png…; class="location-two-column image-fix" alt="Forge Partner Talks" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; display: block; border: none; width: 292px; height: 209px;" width="292" height="209" /></a>
</td>
</tr>
</table>




<table align="right" width="290" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 290px;">
<tr>
<td class="subhead_copy_wrapper mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; padding: 0px 0px 10px 0px;"
align="left" valign="top">Forge Partner Talks continue with the upcoming Winter sessions. Each webinar starts at 7 AM PST/4 PM CET:<br /><ul><li>Dec 16: Building and Facility Management</li>
<li>Jan 13: Operations, Maintenance, and Logistics</li>
<li>Feb 10: Budget Planning and Estimating</li>
</ul></td>
</tr>

<tr>
<td width="100%" style="padding: 10px 0 15px 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/blog/forge-partner-talks-winter-sessions" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0"/></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/blog/forge-partner-talks-winter-sessions" target="_blank" ><span style=" color: #666666; text-decoration: underline;">Sign up here</span></a>
</td>
</tr>
</table>
</td>
</tr>

</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>

<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;"
align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-9"></a>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="full-width" align="left" valign="top" style="padding: 0 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;">
<tr>
<td class="content-td" colspan="2" style="padding: 28px 32px 22px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="content-title-icon" style="border-collapse: collapse;">
<tr>
<td class="title-text mktoTranslate" style="font-size: 24px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:24px; padding: 2px 0px 10px 0px;"
align="left" valign="top">Catch up with Autodesk cloud experts</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;" align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
<tr>
<td style="padding: 0px 0px 20px 0px; vertical-align: top;" align="left" valign="top">
<a href="https://forge.autodesk.com/blog/the-doctor-is-in" target="_blank"><img class="col-image" src="http://pages.autodesk.com/rs/autodeskglobal/images/9078-doctor.png" style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="222" height="95" alt="Schedule an appointment with a Forge expert" border="0" /></a>
</td>
</tr>
<tr>

<td class="title-speakers-td-top mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
align="left" valign="top">
<a href="https://forge.autodesk.com/blog/coffee-break" style=" text-decoration: none; font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
target="_blank"> Forge coffee break</a></td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 15px; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; margin: 0; padding: 0px 0px 25px 0px;"
align="left" valign="top">The Forge Coffee Break will take a brief pause during the holidays, and will resume in the new year.</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0 32px 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/blog/coffee-break" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/blog/coffee-break" target="_blank"><span style=" color: #666666; text-decoration: underline;">Learn more</span></a>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0px 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">

<tr>
<td align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>




<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="right" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse; min-width: 670px; width: 670px;"
align="center">
<tr>
<td>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="header-text-bg" width="670" valign="top" bgcolor="#0696D7" style="background-color: #0696D7; background-position:center center; background-size: cover; width: 670px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" class="full-width">
<tr>
<td class="header-text-td" style="padding: 20px 20px 20px 0;" align="left" valign="top">
<a name="panel-10"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="header_headline mktoTranslate" style="font-size: 27px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; mso-line-height-rule:exactly; line-height: normal; padding-left: 35px; " align="left">Community spotlight</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>

<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;"
align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-11"></a>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="full-width" align="left" valign="top" style="padding: 0 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;">
<tr>
<td class="content-td" colspan="2" style="padding: 28px 32px 22px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="content-title-icon" style="border-collapse: collapse;">
<tr>
<td class="title-text mktoTranslate" style="font-size: 24px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:24px; padding: 2px 0px 10px 0px;"
align="left" valign="top">New customer stories</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;" align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
<tr>
<td style="padding: 0px 0px 20px 0px; vertical-align: top;" align="left" valign="top">
<a href="https://forge.autodesk.com/customer-stories/facilicad" target="_blank"><img class="col-image" src="https://webpub.autodesk.com/draftr/img/9078/facilicad.png" style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="222" height="95" alt="faciliCAD" border="0" /></a>
</td>
</tr>
<tr>

<td class="title-speakers-td-top mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
align="left" valign="top">
<a href="https://forge.autodesk.com/customer-stories/holobuilder" style=" text-decoration: none; font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
target="_blank"> HoloBuilder</a></td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 15px; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; margin: 0; padding: 0px 0px 25px 0px;"
align="left" valign="top">HoloBuilder enables customers to visually capture a project site with standard or 360° cameras, making a site accessible to stakeholders at any time through a web browser.</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0 32px 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/customer-stories/holobuilder" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/customer-stories/holobuilder" target="_blank"><span style=" color: #666666; text-decoration: underline;">Watch the story</span></a>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0px 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">

<tr>
<td align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>




<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="right" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse; width: 100%;">

<tr>
<td align="center" valign="top" class="center devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px;" align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-12"></a>
<table class="row no-padding" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 100%;">
<tr>
<td align="left" style="vertical-align: top;">


<table align="left" width="380" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 380px;">
<tr>
<td class="content-td" style="padding: 32px 32px 0px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td class="mktoTranslate" style="font-size: 18px; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 18px; padding: 0px 0px 15px 0px;"
align="left">New System Integrator: CAD Studio
</td>
</tr>
<tr>
<td class="normal_copy_wrapper mktoTranslate" style="font-size: 15px; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 22px; padding: 0;"
align="left">CAD Studio, an Autodesk Platinum Partner and Training Center, offers add-on tools for AutoCAD, Inventor, Revit, Civil 3D and Plant 3D, Vault, and other GIS applications.</td>
</tr>
<tr>
<td style="padding: 15px 0 0 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://forge.autodesk.com/systemsintegrators" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://forge.autodesk.com/systemsintegrators" target="_blank"><span style=" color: #666666; text-decoration: underline;">Learn more</span></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>




<table align="left" width="290" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 290px;">
<tr>
<td class="pad-032" align="left" valign="top">
<a href="https://forge.autodesk.com/systemsintegrators" target="_blank"><img class="image-centered" src="https://webpub.autodesk.com/draftr/img/9078/cadstudio.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; display: block; border: none;" width="290" height="190" alt="Norconsult" /></a>
</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

</table>

<table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse; width: 100%;">
<tr>
<td align="center" valign="top" class="center devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px;" align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-13"></a>
<table class="row no-padding" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 100%;">
<tr>
<td align="left" style="vertical-align: top;">


<table align="left" width="290" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 290px;">
<tr>
<td class="pad-320" align="left" valign="top">
<a href="https://forge.autodesk.com/blog/convergence-forge" target="_blank"><img class="image-centered" src="https://webpub.autodesk.com/draftr/img/9078/convergence.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; display: block; border: none;" width="290" height="190" alt="Singular" /></a>
</td>
</tr>
</table>




<table align="left" width="380" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 380px;">
<tr>
<td class="pad-253232" style="padding: 32px 32px 0px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td class="mktoTranslate" style="font-size: 18px; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 18px; padding: 0px 0px 15px 0px;" align="left">
Convergence with Forge
</td>
</tr>
<tr>
<td class="normal_copy_wrapper mktoTranslate" style="font-size: 15px; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 22px; padding: 0;" align="left">Learn how Forge can help your business take advantage of the growing Convergence between industries.</td>
</tr>
<tr>
<td style="padding: 15px 0 0 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px; mso-line-height-rule: at-least;line-height:20px;">
<a href="https://forge.autodesk.com/blog/convergence-forge" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%; mso-line-height-rule: at-least;line-height: 16px;">
<a class="mktoTranslate" href="https://forge.autodesk.com/blog/convergence-forge" target="_blank" style=" color: #666666; text-decoration: underline;">Learn more</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse; min-width: 670px; width: 670px;"
align="center">
<tr>
<td>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="header-text-bg" width="670" valign="top" bgcolor="#0696D7" style="background-color: #0696D7; background-position:center center; background-size: cover; width: 670px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" class="full-width">
<tr>
<td class="header-text-td" style="padding: 20px 20px 20px 0;" align="left" valign="top">
<a name="panel-14"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="header_headline mktoTranslate" style="font-size: 27px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; mso-line-height-rule:exactly; line-height: normal; padding-left: 35px; " align="left">Upcoming events</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="devicewidth" align="center" style="border-collapse: collapse;">
<tr>

<td align="center" valign="top" class="devicewidth" style="min-width: 670px; width: 670px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;"
align="center">
<tr>
<td bgcolor="#FFFFFF" style="background-color: #FFFFFF;" align="left" valign="top">
<a name="panel-15"></a>
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td class="full-width" align="left" valign="top" style="padding: 0 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="min-width: 670px; width: 670px; border-collapse: collapse;">
<tr>
<td class="content-td" colspan="2" style="padding: 28px 32px 22px 32px;" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="content-title-icon" style="border-collapse: collapse;">
<tr>
<td class="title-text mktoTranslate" style="font-size: 24px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:24px; padding: 2px 0px 10px 0px;"
align="left" valign="top">Virtual Accelerators</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;" align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
<tr>
<td style="padding: 0px 0px 20px 0px; vertical-align: top;" align="left" valign="top">
<a href="https://www.eventbrite.com/e/autodesk-virtual-forge-accelerator-machu-p…; target="_blank"><img class="col-image" src="https://webpub.autodesk.com/draftr/img/9078/machupicchu-2.png" style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="222" height="95" alt="Machu Picchu Virtual Accelerator" border="0" /></a>
</td>
</tr>
<tr>
<td class="title-speakers-td-top mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;"
align="left" valign="top">Machu Picchu - Jan 25-29</td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 15px; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; margin: 0; padding: 0px 0px 25px 0px;"
align="left" valign="top">Join the Forge team virtually in Machu Picchu to get direct help with your Forge solutions.</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0 32px 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://www.eventbrite.com/e/autodesk-virtual-forge-accelerator-machu-p…; target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://www.eventbrite.com/e/autodesk-virtual-forge-accelerator-machu-p…; target="_blank" ><span style=" color: #666666; text-decoration: underline;">14 seats available</span></a>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>




<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="right" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
<tr>
<td style="padding: 0px 0px 20px 0px; vertical-align: top;" align="left" valign="top">
<a href="https://www.eventbrite.com/e/acc-focused-autodesk-virtual-accelerator-w…; target="_blank"><img class="col-image" src="https://webpub.autodesk.com/draftr/img/9078/waldspirale-2.png" style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none; border: none;" width="222" height="95" alt="Waldspirale Virtual Accelerator" border="0" /></a>
</td>
</tr>
<tr>
<td class="title-speakers-td-top mktoTranslate" style="font-size: 15px; vertical-align: top; text-align: left; color: #0696D7; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:20px; padding: 0px 0px 15px 0px;" align="left" valign="top">Waldspirale - Feb 22-26</td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 15px; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #666666 ; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:22px; margin: 0; padding: 0px 0px 25px 0px;"
align="left" valign="top">This Accelerator features a special focus on Autodesk Construction Cloud. Submit your application today.</td>
</tr>

<tr>
<td width="100%" style="padding: 0px 0 32px 0; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>

<td width="30" style="padding-right: 10px; width: 30px;">
<a href="https://www.eventbrite.com/e/acc-focused-autodesk-virtual-accelerator-w…; target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/icon-cta-circle-40x40-…; style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none;" width="20" height="20" alt="" border="0" /></a>
</td>

<td width="100%" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; width: 100%">
<a class="mktoTranslate" href="https://www.eventbrite.com/e/acc-focused-autodesk-virtual-accelerator-w…; target="_blank"><span style=" color: #666666; text-decoration: underline;">20 seats available</span></a>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="show-me" style="padding: 0px 32px 0px 32px;" align="left" valign="top">
<table class="full-width" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">

<tr>
<td align="left" valign="top">


<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>




<table class="full-width" align="left" width="303" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 303px;">
<tr>
<td>
<table align="right" border="0" cellpadding="0" cellspacing="0" class="full-width" style="border-collapse: collapse; width: 270px;">
</table>
</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F6F5F2; border-collapse: collapse;">
<tr>
<td id="footer-container" style="padding: 22px 32px 32px 32px; vertical-align: top;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td class="no-padding" style="font-size: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 18px; padding: 0px 0px 16px 0px;"
align="left">
<div class="mktoSnippet" id="follow-text-snippet-1" mktoName="Follow Autodesk - Snippet" style="padding: 0px 0px 0px 0px;">Follow Autodesk</div>
</td>
</tr>
<tr>
<td class="mktoTranslate" id="social-media-hyperlinks">

<table class="social-container" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="social-first" style="padding: 0px 15px 20px 0px;" align="left" valign="top">
<a href="https://www.facebook.com/adskforge" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/facebook-30px-gray-v2…; class="social-icon" style="width: 20px; height: 20px; border: none;display:block;" height="20" width="20" alt="Facebook" /></a>
</td>
<td class="social" style="padding: 0px 15px 20px 0px; " valign="top" align="left">
<a href="https://twitter.com/AutodeskForge" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/twitter-30px-gray-v2.p…; class="social-icon" style="text-decoration: none; width: 20px; height: 20px; border: none; display:block;" height="20" width="20" alt="Twitter" /></a>
</td>
<td class="social" style="padding: 0px 15px 20px 0px;" align="left" valign="top">
<a href="https://www.linkedin.com/showcase/autodesk-forge" target="_blank"><img src="https://pages.autodesk.com/rs/918-FOD-433/images/linkedin-30px-gray-v2…; class="social-icon" style="width: 20px; height: 20px; border: none;display:block;" height="20" width="20" alt="LinkedIn" /></a>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height:14px; padding-bottom: 10px;"
align="left">Autodesk, Inc. • 111 McInnis Parkway • San Rafael, CA 94903</td>
</tr>
<tr>
<td>
<div class="mktoSnippet" id="legal-copy" mktoName="Legal Copy - Snippet">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height:14px; padding-bottom: 10px;" align="left">© Autodesk, Inc. All rights reserved. <a href="https://www.autodesk.com/company/legal-notices-trademarks" target="_blank" style="color: #666666; text-decoration: underline;">Legal Notices & Trademarks</a>. <a href="https://www.autodesk.com/company/legal-notices-trademarks/privacy-state…; target="_blank" style="color: #666666; text-decoration: underline;">Privacy Policy</a></td>
</tr>
<tr>
<td style="font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height:14px; padding-bottom: 10px;"
align="left">If you do not want to receive commercial emails from Autodesk, please <a href="https://www.autodesk.com/mkto-unsubscribe?mkt_unsubscribe=1&locale=en_U…; target="_blank" style="color: #666666; text-decoration: underline;">click here</a> to unsubscribe.</td>
</tr>
<tr>
<td style="font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height:14px; padding-bottom: 10px;"
align="left">Please do not reply to this email. Replies to this email will not be responded to or read.</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="mktoTranslate" style="font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height:14px;"
align="left">Autodesk and the Autodesk logo are registered trademarks or trademarks of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.</td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>

Rotate sheets in the Viewer

Adam Nagy — Thu, 17 Dec 2020 07:38:44 -0800

<p>If you just want to rotate a sheet in the <strong>Viewer</strong>, that's quite simple. You can set the <strong>rotation</strong> before or after loading the sheet.</p>

<p><strong>Before</strong>:</p>

<pre>
<code class="language-javascript">var mx = new THREE.Matrix4();
mx.makeRotationZ(90 * Math.PI / 180);
viewer.loadModel("TestSheet.pdf", {page: 1, placementTransform: mx});</code></pre>

<p><strong>After</strong>:</p>

<pre>
<code class="language-javascript">viewer.loadModel("TestSheet.pdf", {page: 1}, (model) => {
var mx = new THREE.Matrix4();
mx.makeRotationZ(90 * Math.PI / 180);
model.setPlacementTransform(mx);
});</code></pre>

<p>It's a bit more complicated if you want to load <strong>multiple</strong> sheets (one vertical, the other horizontal), rotate one of them, and also align them - e.g. in order to compare them, see <a href="https://forge.autodesk.com/blog/pixelcompare-extension">PixelCompare extension</a></p>

<p>I already talked about the differences between <a href="https://forge.autodesk.com/blog/markups-leafletloader-vs-pdfloader"><st…; and <strong>LeafletLoader</strong></a>. Those differences are caused by how the sheets are sized and positioned by those loaders.</p>

<p>Let's say we want to make a <strong>vertical</strong> page <strong>horizontal</strong> by rotating it <strong>+90º (</strong>PI/2 radian) </p>

<p>In case of <strong>PdfLoader</strong>, the <strong>bottom left corner</strong> of the page is always at the <strong>origin</strong> (<strong>0, 0</strong>) and its <strong>width</strong> will extend <strong>x</strong> along the <strong>X axis </strong>and its <strong>height</strong> will reach <strong>y</strong> along the <strong>Y axis </strong>- see picture on top.<br />
The <strong>rotation</strong> always happens around the <strong>origin</strong>, but in the <strong>matrix</strong> we can also store values for <strong>translation</strong> (moving to final position)<br />
After rotation, the <strong>new bottom left</strong> <strong>corner</strong> will be at (<strong>-y, 0</strong>), so we need to add (<strong>y, 0</strong>) translation to the matrix in order to move that corner back to the expected (<strong>0, 0</strong>) position</p>

<pre>
<code class="language-javascript">viewer.loadModel("TestSheet.pdf", {}, (model) => {
var bb = model.getBoundingBox();
var mx = new THREE.Matrix4();
mx.makeRotationZ(90 * Math.PI / 180);
// translation along X axis
mx.elements[12] = bb.max.y;
model.setPlacementTransform(mx);
});</code></pre>

<p>In case of <strong>LeafletLoader</strong>, the <strong>top left corner</strong> of the page is always at (<strong>0, 1</strong>) and its <strong>width</strong> will extend <strong>x</strong> along the <strong>X axis </strong>and its <strong>height</strong> will go from <strong>y</strong> to <strong>1</strong> along the <strong>Y axis</strong>. <br />
After rotation, the <strong>new top left</strong> <strong>corner</strong> will be at (<strong>-1, x</strong>), so we need to add (<strong>1, 1-x</strong>) translation to the matrix in order to move that corner back to the expected (<strong>0, 1</strong>) position </p>

<pre>
<code class="language-javascript">viewer.loadModel("TestSheet.pdf", {}, (model) => {
var bb = model.getBoundingBox();
var mx = new THREE.Matrix4();
mx.makeRotationZ(90 * Math.PI / 180);
// translation along X and Y axes
mx.elements[12] = 1;
mx.elements[13] = 1 - bb.max.x;
model.setPlacementTransform(mx);
});</code></pre>

Convergence in Infrastructure: Accelerating Digital Transformation's Momentum

Marnee Dupont — Wed, 16 Dec 2020 09:00:00 -0800

<p><a href="https://www.autodesk.com/autodesk-university/conference/home" title="AU 2020">Autodesk University 2020</a> launched on November 17th with multiple product announcements, vision statements, hundreds of robust pieces of learning content, and much more. But one theme, in particular, was very clear throughout the conference - Autodesk wants to help you Reimagine Possible and gain that competitive edge. COVID-19's impact has changed the way we work forever.  The shift to a more digital, connected, and virtual future is calling on you to unleash innovations that deliver new benefits, experiences, and value. There is no time like the present to invest in the Autodesk tools that will get you there.</p>

<p>But how exactly are we going to create the New Possible? By ushering in the <a href="https://www.autodesk.com/industry/convergence" title="Era of Convergence">Era of Convergence</a>. Convergence is the next stage of digitization, leading to the digital blending of previously separate technologies, processes, and digital and physical assets; the reshaping of industry structures and markets; and entirely new combinations of products, services, and experiences.</p>

<p>To help show you the true value of Convergence, we are posting a blog series on Convergence in your Industry.  Start off by reading <a href="https://forge.autodesk.com/blog/convergence-forge">Convergence with Forge</a>, as our cloud platform underpins much of what can be done for each industry. Then below you will find pieces of <a href="https://www.autodesk.com/autodesk-university/conference/civil-infrastru… Infrastructure's on-demand</a> AU content that teach you more about this phenomenon and show how you and your industry can capitalize on Convergence as an opportunity for innovation and growth. </p>

<h3>Civil Infrastructure and Convergence</h3>

<h4><u><a href="https://www.autodesk.com/autodesk-university/conference/forge" title="Forge for Infrastructure">Forge for Civil Infrastructure</a></u></h4>

<p>To meet the demands of population growth, the Civil Infrastructure industry needs to build an exorbitant amount of roads, rails, bridges, and more to keep up. In <a href="https://www.autodesk.com/autodesk-university/conference/forge">Forge for Civil Infrastructure</a>, you learn why it is essential for the industry to embrace Convergence from Theo Agelopoulos, Senior Director of Infrastructure Strategy & Marketing, and Jim Quanci, Senior Director of Forge Partner Development. You also hear great new ways of making from <a href="https://www.norconsult.no/">Norconsult</a> and <a href="https://www.bv.com/">Black & Veatch</a>. The Norconsult team was hired by the Norwegian New Road Authority to build a better road system to open up economic development for Western Norway. Using Forge APIs, Norconsult made all digital assets accessible from one source, on-demand resulting in a digital, paperless and drawingless experience from start to finish that minimized risks and errors and drove buy-in from stakeholders through their visual models and data.  Black & Veatch combined the capabilities of Forge, BIM 360 and Microsoft Azure, to give professionals access to data and visuals in a simple web browser. No training needed. Without Forge it would have been difficult to get near real-time updates from a desktop application such as Revit. Using BIM 360 and Forge, they are able to pull updates frequently from these types of complex design files.</p>

<p>In the <a href="https://www.autodesk.com/autodesk-university/conference/architecture-bu… Keynote</a>, Nicolas Mangon, Vice President AEC Strategy & Marketing at Autodesk, said “Digital transformation has gone from a nice-to-have to a must-have across every phase of design and construction." And Autodesk certainly has big plans to capitalize on the new ways of making that enable this digital transformation to be accelerated. To name a few of the keynote highlights:</p>

<ul>
<li>Nicolas Mangon, Vice President AEC Strategy & Marketing at Autodesk, highlighted the acquisition of <u><a href="https://adsknews.autodesk.com/pressrelease/autodesk-aquires-spacemaker"…;
<li>Leona Frank, Senior Industry Marketing Manager for Infrastructure at Autodesk, introduced <u><a href="https://constructionblog.autodesk.com/autodesk-bim-collaborate/">Autode… BIM Collaborate</a></u>.</li>
<li>Vanessa Bertollini, Sr. Industry Marketing Manager – AEC Thought Leadership at Autodesk, introduced <u><a href="https://adsknews.autodesk.com/pressrelease/tandem-brings-digitial-twin-… Tandem</a></u>, bringing digital twin to BIM.</li>
<li>Jim Lynch, Vice President & General Manager, Autodesk Construction Solutions at Autodesk, <u><a href="https://constructionblog.autodesk.com/autodesk-construction-cloud-expan… new products for Autodesk Construction Cloud built on a unified platform and common data environment – <u><a href="https://constructionblog.autodesk.com/autodesk-build/">Autodesk Build</a></u>, <u><a href="https://constructionblog.autodesk.com/autodesk-quantify/">Autodesk Quantify</a></u>, and <u><a href="https://constructionblog.autodesk.com/autodesk-bim-collaborate/">Autode… BIM Collaborate</a></u>. </li>
<li>Amy Marks, Head of Industrialized Construction Strategy and Evangelism at Autodesk, shared more about Autodesk’s strategy and vision for industrialized construction. </li>
<li>Digitized workflows enabled the teams building the <strong>Bangalore Airport</strong> to go to remote site management overnight when the lockdown started.</li>
<li>Federating access to project data and models enabled <strong>Norconsult</strong> to reduce the production of drawings by 97%.</li>
<li>BIM-based processes in DfMA enabled <strong>Bryden Wood</strong> to lower embodied carbon by 19% and reduce labor by 35%.</li>
</ul>

<p>To read more about the top construction news and how all the announcements from the AEC Keynote highlights Convergence, check out this <a href="https://constructionblog.autodesk.com/au-autodesk-construction-keynote/…;

<p>In <a href="https://www.autodesk.com/autodesk-university/conference/civil-infrastru… Infrastructure: Welcome & Updates</a>, Theo Agelopoulos, Senior Director of Infrastructure Strategy and Marketing, discusses accelerating the momentum we’ve seen in the industries transformation to digital. He shares three areas in which Autodesk is investing in: connected data, resiliency, and design optimization. Tune in to hear him discuss project collaboration experiences,  product updates, partnerships, and customer stories from Link Alliance in New Zealand and BHP of Australia that show Convergence's appeal.</p>

<p>In Civil Infrastructure's <a href="https://www.autodesk.com/autodesk-university/conference/civil-infrastru…; title="Engineering New Possibilities">B</a><a href="https://www.autodesk.com/autodesk-university/conference/civil-infrastru… Project Delivery Workflows</a> program, you hear tailored messages from Brey Tucker, Senior Industry Manager, Project Delivery and Ashley Poage, Industry Marketing Manager for Infrastructure about how the world is placing extraordinary demands on building, so Autodesk knows you need extraordinary tools to deliver your projects. They show new product offerings, announcements, and demos that unlock a whole new level of connection, efficiency, and integration for complex Infrastructure projects. You also hear updates from the teams at Gannet and Fleming and Tetra Tech to see how they are gaining a competitive advantage. Tune in to see how Convergence is guiding the Civil Infrastructure industry.</p>
<img alt="BIM 360 collaboration functionality" data-caption="BIM 360 collaboration functionality" data-entity-type="file" data-entity-uuid="16f99bea-5a73-4912-a39e-e913543ded3d" src="https://flint-prodcms-forge.s3.amazonaws.com/prod/s3fs-public/inline-im…; />
<p>Be sure to watch the above <a href="https://www.autodesk.com/autodesk-university/conference/home">Autodesk University 2020</a> programs to get a well-rounded idea of just how impactful Convergence can be to you, your team, and your industry. And check out the other blogs in this series to find inspiration from other industries:</p>

<ul>
<li>12/03/20 - <u><a href="https://forge.autodesk.com/blog/convergence-forge">Convergence with Forge</a></u></li>
<li>12/07/20 - <u><a href="https://forge.autodesk.com/blog/convergence-manufacturing-embracing-dig… in Manufacturing: Embracing the Digital Transformation</a></u></li>
<li>12/09/20 - <u><a href="https://forge.autodesk.com/blog/convergence-construction-whats-next-aut… in Construction: What's Next for Autodesk Construction Cloud</a></u></li>
<li>12//14/20 - <u><a href="https://forge.autodesk.com/blog/convergence-building-design-cloud-colla… in Building Design: Cloud Collaboration Solutions</a></u></li>
</ul>

<p>If you'd like to learn more about how different industries, processes, and disciplines are coming together, check out this <a href="https://www.autodesk.com/industry/convergence">overview on Convergence</a>.</p>

Forge & Progressive Web Apps

Petr Broz — Wed, 16 Dec 2020 06:59:24 -0800

<p id="forge--progressive-web-apps">Quoting <a href="https://en.wikipedia.org/wiki/Progressive_web_application" target="_blank">Wikipedia</a>:</p>

<blockquote>
<p>A progressive web application (PWA) is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.</p>
</blockquote>

<p>These applications typically make use of modern Web APIs such as <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API" target="_blank">Service Workers</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/API/Push_API" target="_blank">Push Notifications</a>, or <a href="https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API" target="_blank">IndexedDB</a>. We already blogged about how the Service Worker APIs can be used to make your Forge application accessible in <a href="https://forge.autodesk.com/blog/disconnected-workflows" target="_blank">"temporarily disconnected workflows"</a>, and today we will explore some of the other APIs, and see how we can use them to turn our Forge application into a proper Progressive Web Application. We will take <a href="https://github.com/petrbroz/forge-basic-app" target="_blank">https://github.com/petrbroz/forge-basic-app</a> as our starting point, and turn it into an application you can install on your iOS or Android device, run it in a "frameless" mode, and even get notified when the Model Derivative service is done translating our uploaded design!</p>

<h2 id="manifest">Manifest</h2>

<p>The first thing a PWA should have is the <a href="https://developer.mozilla.org/en-US/docs/Web/Manifest" target="_blank">Web Application Manifest</a>. This is where we describe how our application should look like and behave after it's been <em>installed</em> by a user, for example:</p>

<ul>
<li>image and label for the application icon</li>
<li>background and theme colors (used for the loading screen, for example)</li>
<li>starting URL and display mode</li>
</ul>

<p>In our sample application we will add a new file called <em>app.webmanifest</em> to our <em>public</em> folder (where all our static assets are served from), with the following content:</p>

<pre>
<code class="language-json" data-code="ewogICAgIm5hbWUiOiAiRm9yZ2UgQmFzaWMgQXBwIiwKICAgICJzaG9ydF9uYW1lIjogIkZvcmdlQXBwIiwKICAgICJkZXNjcmlwdGlvbiI6ICJTYW1wbGUgYXBwbGljYXRpb24gc2hvd2luZyB0aGUgYmFzaWMgdXNhZ2Ugb2YgQXV0b2Rlc2sgRm9yZ2UuIiwKICAgICJpY29ucyI6IFsKICAgICAgICB7CiAgICAgICAgICAgICJzcmMiOiAiL2xvZ28ucG5nIiwKICAgICAgICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIiwKICAgICAgICAgICAgInNpemVzIjogIjQ4eDQ4IDcyeDcyIDk2eDk2IDEyOHgxMjggMjU2eDI1NiIKICAgICAgICB9CiAgICBdLAogICAgInN0YXJ0X3VybCI6ICIvIiwKICAgICJkaXNwbGF5IjogImZ1bGxzY3JlZW4iLAogICAgInRoZW1lX2NvbG9yIjogIiNmZmE4MzUiLAogICAgImJhY2tncm91bmRfY29sb3IiOiAiI2ZmZmZmZiIKfQ==">{
    "name": "Forge Basic App",
    "short_name": "ForgeApp",
    "description": "Sample application showing the basic usage of Autodesk Forge.",
    "icons": [
        {
            "src": "/logo.png",
            "type": "image/png",
            "sizes": "48x48 72x72 96x96 128x128 256x256"
        }
    ],
    "start_url": "/",
    "display": "fullscreen",
    "theme_color": "#ffa835",
    "background_color": "#ffffff"
}
</code></pre>

<p>And in the <em>public/index.html</em> file, inside the <code><head></code> element, we will make sure that the manifest is loaded with the page:</p>

<p>With this simple update we can already explore some of the initial benefits of the PWAs. When you serve the web application via HTTPS (because PWAs can only run in a <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts&q…; target="_blank">secure context</a>), and access the main page from your smartphone's browser, you should be prompted to install the application to your device. The installed application will use the icon and label we have configured, and when you open it, it will run in a "fullscreen" display mode, meaning that all the browser UI will be hidden and your application will occupy the entire screen. How cool is that?!</p>

<h2 id="push-notifications">Push Notifications</h2>

<p>The Push APIs can be used to send server notifications to your web application, even if it's not currently open.</p>

<blockquote>
<p>Note that the notifications do not require your app to be a PWA. This API can be used with regular web applications running in a browser as well.</p>
</blockquote>

<p>Handling the push notifications on the server side is a non-trivial task, but luckily there are various service providers that can help with that, for example, <a href="https://aws.amazon.com/sns" target="_blank">Amazon Simple Notification Service</a> or <a href="https://pusher.com/beams" target="_blank">Pusher Beams</a>.</p>

<p>In our sample, however, we won't have to worry about any service provider because the NPM module we will be using - <a href="https://www.npmjs.com/package/web-push" target="_blank">web-push</a> - takes care of that for us. The module provides a command-line script we can use to generate the so-called <a href="https://tools.ietf.org/html/draft-thomson-webpush-vapid-02" target="_blank">VAPID keys</a>, like so:</p>

<pre>
<code class="language-bash" data-code="d2ViLXB1c2ggZ2VuZXJhdGUtdmFwaWQta2V5cw==">web-push generate-vapid-keys
</code></pre>

<h3 id="server-side">Server side</h3>

<p>To enable push notifications in our server application, we need to do a couple of things:</p>

<ol>
<li>Register our VAPID keys with the <code>web-push</code> module:</li>
</ol>

<pre>
<code class="language-javascript" data-code="Ly8uLi4KY29uc3Qgd2VicHVzaCA9IHJlcXVpcmUoJ3dlYi1wdXNoJyk7CmNvbnN0IHsgVkFQSURfUFVCTElDX0tFWSwgVkFQSURfUFJJVkFURV9LRVkgfSA9IHByb2Nlc3MuZW52Owp3ZWJwdXNoLnNldFZhcGlkRGV0YWlscygnbWFpbHRvOnlvdXIuZW1haWxAZG9tYWluLmNvbScsIFZBUElEX1BVQkxJQ19LRVksIFZBUElEX1BSSVZBVEVfS0VZKTsKLy8uLi4=">//...
const webpush = require('web-push');
const { VAPID_PUBLIC_KEY, VAPID_PRIVATE_KEY } = process.env;
webpush.setVapidDetails('[email protected]&#039">mailto:[email protected]', VAPID_PUBLIC_KEY, VAPID_PRIVATE_KEY);
//...
</code></pre>

<ol start="2">
<li>Expose a new endpoint where the clients can subcribe for notifications (in our case, storing all subscriptions in a custom app property called "subs"):</li>
</ol>

<pre>
<code class="language-javascript" data-code="Ly8uLi4Kcm91dGVyLnBvc3QoJy9wdXNoL3N1YnNjcmliZScsIGV4cHJlc3MuanNvbigpLCBhc3luYyAocmVxLCByZXMpID0+IHsKICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IHJlcS5ib2R5OwogICAgY29uc3Qgc3Vic2NyaXB0aW9ucyA9IHJlcS5hcHAuZ2V0KCdzdWJzJykgfHwgW107CiAgICBzdWJzY3JpcHRpb25zLnB1c2goc3Vic2NyaXB0aW9uKTsKICAgIHJlcS5hcHAuc2V0KCdzdWJzJywgc3Vic2NyaXB0aW9ucyk7CiAgICByZXMuc3RhdHVzKDIwMSkuZW5kKCk7Cn0pOwovLy4uLg==">//...
router.post('/push/subscribe', express.json(), async (req, res) => {
    const subscription = req.body;
    const subscriptions = req.app.get('subs') || [];
    subscriptions.push(subscription);
    req.app.set('subs', subscriptions);
    res.status(201).end();
});
//...
</code></pre>

<ol start="3">
<li>Broadcast the notification when needed:</li>
</ol>

<pre>
<code class="language-javascript" data-code="Ly8uLi4KY29uc3Qgc3Vic2NyaXB0aW9ucyA9IHJlcS5hcHAuZ2V0KCdzdWJzJyk7CmlmIChzdWJzY3JpcHRpb25zKSB7CiAgICBjb25zdCBwYXlsb2FkID0gSlNPTi5zdHJpbmdpZnkoeyBuYW1lOiAnc29tZXRoaW5nJywgZm9vOiAnYmFyJyB9KTsKICAgIGZvciAoY29uc3Qgc3Vic2NyaXB0aW9uIG9mIHN1YnNjcmlwdGlvbnMpIHsKICAgICAgICB3ZWJwdXNoLnNlbmROb3RpZmljYXRpb24oc3Vic2NyaXB0aW9uLCBwYXlsb2FkKQogICAgICAgICAgICAuY2F0Y2goZXJyb3IgPT4gY29uc29sZS5lcnJvcihlcnJvci5zdGFjaykpOwogICAgfQp9Ci8vLi4u">//...
const subscriptions = req.app.get('subs');
if (subscriptions) {
    const payload = JSON.stringify({ name: 'something', foo: 'bar' });
    for (const subscription of subscriptions) {
        webpush.sendNotification(subscription, payload)
            .catch(error => console.error(error.stack));
    }
}
//...
</code></pre>

<h3 id="client-side">Client side</h3>

<p>Next, we will update our client application so that it can subscribe to notifications (with the user's consent of course!), as well as get notified when any notifications are pushed to it by a server.</p>

<p>Subscription is handled through a <em>push manager</em> object that is available once we register a service worker for our web application. After calling the <code>subscribe</code> method of the push manager, using the VAPID public key we generated earlier (base64-encoded and converted into an <code>Uint8Array</code>), the browser will ask the user for their consent, and if successfull, we will receive a <em>subscription object</em> which can finally be sent to our new <code>/push/subscribe</code> endpoint:</p>

<blockquote>
<p>Note that in our sample application we pass the VAPID public key to the client through a cookie.</p>
</blockquote>

<pre>
<code class="language-javascript" data-code="Ly8uLi4KaWYgKCdzZXJ2aWNlV29ya2VyJyBpbiBuYXZpZ2F0b3IpIHsKICAgIGNvbnN0IHJlZ2lzdHJhdGlvbiA9IGF3YWl0IG5hdmlnYXRvci5zZXJ2aWNlV29ya2VyLnJlZ2lzdGVyKCcvc2VydmljZS13b3JrZXIuanMnLCB7IHNjb3BlOiAnLycgfSk7CiAgICBzZXR1cE5vdGlmaWNhdGlvbnMocmVnaXN0cmF0aW9uLnB1c2hNYW5hZ2VyKTsKfQovLy4uLgphc3luYyBmdW5jdGlvbiBzZXR1cE5vdGlmaWNhdGlvbnMocHVzaE1hbmFnZXIpIHsKICAgIGZ1bmN0aW9uIHVybEJhc2U2NFRvVWludDhBcnJheShiYXNlNjRTdHJpbmcpIHsKICAgICAgICBjb25zdCBwYWRkaW5nID0gJz0nLnJlcGVhdCgoNCAtIGJhc2U2NFN0cmluZy5sZW5ndGggJSA0KSAlIDQpOwogICAgICAgIGNvbnN0IGJhc2U2NCA9IChiYXNlNjRTdHJpbmcgKyBwYWRkaW5nKS5yZXBsYWNlKC8tL2csICcrJykucmVwbGFjZSgvXy9nLCAnLycpOwogICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhdG9iKGJhc2U2NCk7CiAgICAgICAgY29uc3Qgb3V0cHV0QXJyYXkgPSBuZXcgVWludDhBcnJheShyYXdEYXRhLmxlbmd0aCk7CiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCByYXdEYXRhLmxlbmd0aDsgKytpKSB7CiAgICAgICAgICAgIG91dHB1dEFycmF5W2ldID0gcmF3RGF0YS5jaGFyQ29kZUF0KGkpOwogICAgICAgIH0KICAgICAgICByZXR1cm4gb3V0cHV0QXJyYXk7CiAgICB9CiAgICBjb25zdCBtYXRjaCA9IGRvY3VtZW50LmNvb2tpZS5tYXRjaCgvVkFQSURfUFVCTElDX0tFWT0oW1x3XGRfXCtcLVwvXSspLyk7CiAgICBpZiAobWF0Y2gpIHsKICAgICAgICBjb25zdCB2YXBpZFB1YmxpY0tleSA9IG1hdGNoWzFdOwogICAgICAgIHRyeSB7CiAgICAgICAgICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IGF3YWl0IHB1c2hNYW5hZ2VyLnN1YnNjcmliZSh7CiAgICAgICAgICAgICAgICB1c2VyVmlzaWJsZU9ubHk6IHRydWUsCiAgICAgICAgICAgICAgICBhcHBsaWNhdGlvblNlcnZlcktleTogdXJsQmFzZTY0VG9VaW50OEFycmF5KHZhcGlkUHVibGljS2V5KQogICAgICAgICAgICB9KTsKICAgICAgICAgICAgYXdhaXQgZmV0Y2goJy9wdXNoL3N1YnNjcmliZScsIHsKICAgICAgICAgICAgICAgIG1ldGhvZDogJ1BPU1QnLAogICAgICAgICAgICAgICAgYm9keTogSlNPTi5zdHJpbmdpZnkoc3Vic2NyaXB0aW9uKSwKICAgICAgICAgICAgICAgIGhlYWRlcnM6IHsgJ0NvbnRlbnQtVHlwZSc6ICdhcHBsaWNhdGlvbi9qc29uJyB9CiAgICAgICAgICAgIH0pOwogICAgICAgIH0gY2F0Y2ggKGVycikgewogICAgICAgICAgICBjb25zb2xlLmVycm9yKGVycik7CiAgICAgICAgfQogICAgfQp9Ci8vLi4u">//...
if ('serviceWorker' in navigator) {
    const registration = await navigator.serviceWorker.register('/service-worker.js', { scope: '/' });
    setupNotifications(registration.pushManager);
}
//...
async function setupNotifications(pushManager) {
    function urlBase64ToUint8Array(base64String) {
        const padding = '='.repeat((4 - base64String.length % 4) % 4);
        const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
        const rawData = atob(base64);
        const outputArray = new Uint8Array(rawData.length);
        for (let i = 0; i < rawData.length; ++i) {
            outputArray[i] = rawData.charCodeAt(i);
        }
        return outputArray;
    }
    const match = document.cookie.match(/VAPID_PUBLIC_KEY=([\w\d_\+\-\/]+)/);
    if (match) {
        const vapidPublicKey = match[1];
        try {
            const subscription = await pushManager.subscribe({
                userVisibleOnly: true,
                applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
            });
            await fetch('/push/subscribe', {
                method: 'POST',
                body: JSON.stringify(subscription),
                headers: { 'Content-Type': 'application/json' }
            });
        } catch (err) {
            console.error(err);
        }
    }
}
//...
</code></pre>

<p>And finally, we provide a super-simple implementation of our service worker which will simply react to any notification pushed from the server by displaying it as an actual system notification:</p>

<pre>
<code class="language-javascript" data-code="c2VsZi5hZGRFdmVudExpc3RlbmVyKCdwdXNoJywgZXYgPT4gewogICAgY29uc3QgZGF0YSA9IGV2LmRhdGEuanNvbigpOwogICAgc2VsZi5yZWdpc3RyYXRpb24uc2hvd05vdGlmaWNhdGlvbignVHJhbnNsYXRpb24gQ29tcGxldGUnLCB7CiAgICAgICAgYm9keTogYE1vZGVsOiAke2RhdGEubmFtZX0sIHN0YXR1czogJHtkYXRhLnN0YXR1c31gLAogICAgICAgIGljb246ICcvbG9nby5wbmcnCiAgICB9KTsKfSk7">self.addEventListener('push', ev => {
    const data = ev.data.json();
    self.registration.showNotification('Translation Complete', {
        body: `Model: ${data.name}, status: ${data.status}`,
        icon: '/logo.png'
    });
});
</code></pre>

<p>And that's it! Your PWA is now ready to accept notifications from our server.</p>

<p>If you'd like to check out how the <a href="https://github.com/petrbroz/forge-basic-app" target="_blank">https://github.com/petrbroz/forge-basic-app</a> sample was turned into a PWA, take a look at the <a href="https://github.com/petrbroz/forge-basic-app/tree/experiment/pwa" target="_blank">experiment/pwa</a> branch. And if you'd like to deploy and run that sample yourself, see the README file for more info on how to generate the VAPID keys and pass them to the application.</p>