Simply double-clicking in the 2D sheets view on the left panel will display PDF files in the Autodesk viewer

After discussing the information in this forum post, I have successfully displayed the 2D sheets view (left panel) in the Autodesk viewer for PDF files and other 2D files.

https://i.sstatic.net/OFATj.png

https://i.sstatic.net/WXMlT.png

However, I am facing an issue where clicking once on the links in the left panel does not render the view in the viewer. It only shows loading but does not load. Clicking on the same link twice makes it appear. Therefore, I have to click twice on the same link to display the sheet in the viewer.

This issue only happens with "PDF" files. For other 2D files like "DWG" and others, a single-click works as expected.

When I click on any sheet, it displays this error in the developer console: Uncaught TypeError: Cannot read property 'dispose' of null https://i.sstatic.net/5pXnR.png

But clicking again makes it appear correctly.

I am unsure about the actual cause of the problem.

javascriptautodeskautodesk-forgeautodesk-viewerautodesk-model-derivative

Answer №1

If you encounter this issue, it can be resolved by utilizing the most recent viewer version. Our problem was solved by implementing Autodesk Viewer v2.10. For more information, visit .

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

jQuery live function is not functioning as anticipated

I am facing issues with ajax requests and simple <input type="submit"/>. I have a practice of loading views within other views, in a modular way, using jQuery's .load(url) function to move from one view to another. The problem arises when I loa ...

javascriptjqueryajaxloadlive

Swinging text using Javascript/JQuery on the edges of a container

I am looking to create a bouncing text effect within a specific div element (#header). The text successfully bounces off the right side, then reverses and hits the left side. However, the issue arises when it reaches the left side and begins moving right a ...

javascriptjquery

Create a form with two submission buttons along with a captcha verification system

I'm currently developing a booking page form that requires a unique functionality. I need a single form where clients can enter their information, followed by two submit buttons at the bottom. The first button should hold their reservation for 72 hour ...

phpjavascriptformssubmitcaptcha

Is it possible for the number returned by setTimeout() in JavaScript to be negative?

Is it possible for a number returned by the setTimeout() function in JavaScript to be negative? Currently, I've observed that the timeoutIds generated are sequentially numbered in Chrome as 1,2,3,4,5,6... While in Firefox, they start from number 4 an ...

javascript

Is there a reason to not simply reset the connection to the $.ajax?

Ensure that the server is available before loading the scripts. On the client side jQuery(document).ready(function(){ jQuery.ajax({ dataType: "jsonp", timeout: 1000, cache: false, url: "http://xxx/include/xxx.php?q=? ...

phpjavascriptjqueryjsonp

Utilize the Multer file upload feature by integrating it into its own dedicated controller function

In my Express application, I decided to keep my routes.js file organized by creating a separate UploadController. Here's what it looks like: // UploadController.js const multer = require('multer') const storage = multer.diskStorage({ dest ...

javascriptnode.jsexpressmulter

Adding options to a dropdown menu dynamically while editing a form with the help of javascript

I have a dropdown like in below:- <form name="depositForm" action="<?php echo site_url('ajax_funds/deposit_funds'); ?>" id="depositForm" class="page-form-main form-horizontal " autocomplete="off" method="post"> <div class="form- ...

javascriptjquery

The ngOnChanges lifecycle hook is triggered only once upon initial rendering

While working with @Input() data coming from the parent component, I am utilizing ngOnChanges to detect any changes. However, it seems that the method only triggers once. Even though the current value is updated, the previous value remains undefined. Below ...

javascriptangulartypescriptngonchanges

Angular JS - understanding the use of parameters in the module.controller function

As a newcomer to Angular JS, I came across a tutorial that outlines the process of creating a controller in the following way: angular.module('app', []) .controller('TodoController', ['$scope', function ($scope) { $scop ...

javascriptangularjsangular-controllerangular-module

A step-by-step guide on changing an image

Is it possible to change an image when the user clicks on a link to expand its content? <ul class="accor"> <li> Item 1 <img src="../plus.png"> <p> Lorem ipsum dolor sit amet</p> </li> </ul> $(' ...

javascriptjqueryhtml

Implementing fullCalendar's addEventSource function with the color customization feature

One feature of my application involves dynamically adding events to the calendar. function AddEventSourceDetailed(act_id) { $('#calendar').fullCalendar('addEventSource', function (start, end, callback) { var startTime = Mat ...

javascriptjquerycalendarfullcalendar

Looking to display user data within a specific div using JavaScript? Check out my code!

Issue Solved by Me I resolved the problem by using ko.js to check data binding in java! Thanks to everyone who helped. I have implemented this code to display online users in my chat application (x7chat 3, available for free download) The code can be fou ...

javascriptjquery

Express.js: Defining a base route can cause issues with resolving static files

I'm currently working on a project using express.js and react.js, but I've encountered some issues that I can't seem to find solutions for. I have set up a base directory where the express server is located, and within that, there's a ...

javascriptexpressexpress-router

"Strategies for effectively utilizing the .find method to locate specific users within a database

I'm currently working on developing a User Authentication system, but I've hit a roadblock when it comes to verifying users. Specifically, I'm struggling with understanding how to iterate through all of my users in order to filter out their ...

javascriptnode.jsmongodbexpressauthentication

Automatically increase the height of a text area as you type beyond the maximum width limit

Is there a way to dynamically expand the textarea width as I type beyond its maximum set width without displaying a horizontal scrollbar? Here is the HTML code in its rendered form: <textarea name="CatchPhrase" class="inp ...

javascriptjquerycssasp.net-mvcrazor

Transform the infoBox into a jQuery dialog modal window

In this section, I have integrated a map with markers and infoBoxes. My goal now is to replace the infoBoxes with jquery dialog() and modal window functionalities. How can I achieve this effectively? Below is the code snippet that includes the implementat ...

javascriptjquerycssjquery-uijquery-ui-dialog

determine the quantity and categorize them

I am currently utilizing python in conjunction with pymongo. Within a mongo collection, I am storing various messages from different countries. Each document contains a country short code to indicate its origin. How can I group these messages by country c ...

javascriptpythonmongodbpython-2.7pymongo

Is there a way to ensure that the elements created by the select form are only generated once?

I have a JavaScript function that dynamically creates paragraph and input elements based on user selection in HTML. However, I am looking to optimize the code so that each element is only created once. Snippet of JavaScript code: function comFunction(sel ...

javascripthtmlselectinput

Incorporating words into the core of a pie chart: Highcharts

Is there a way to display the total value in the center of a pie chart? I've attempted some methods but haven't been successful. The goal is to show the sum of all y values. Input export const data = [ { y: 15, name: "Category 1&q ...

javascriptreactjshighchartsreact-highcharts

Exploring AngularJS: The Innovative Navigation Bar

My goal is to incorporate the functionality demonstrated in this example: https://material.angularjs.org/1.1.1/demo/navBar To achieve this, I have created the following index.html: <!DOCTYPE html> <html lang="en"> <head> &l ...

javascriptangularjsnavigation