User interface (UI) issues can lead to visual and functional problems, including difficulties loading system data, navigation errors, and unresponsive website elements.
Providing comprehensive and precise error logs is critical for efficient debugging and rapid issue resolution. Utilizing the F12 Developer Tools (Console) available in Microsoft Edge or Chrome enables easy identification of UI issues, including browser and network-related anomalies. Follow the instructions below to identify UI related errors.
Resolving User Interface Issues
Some UI issues can be resolved by updating the browser to the latest version or by clearing the site data as described in the links below:
Clearing Panaya Cookies in Google Chrome
Clearing Panaya Cookies in Microsoft Edge
Open the browser’s Developer Tools panel
Watch a quick video on how to open the browser’s Developer Tools, then follow the detailed instructions below to identify possible UI errors
Access the browser developer tools to view the logs:
In Chrome or Edge, press
Ctrl + Shift + Ito open Developer Tools, then navigate to the Console tab. Alternatively, right-click anywhere on the page and select Inspect.In the Console tab, filter the output to show only errors by clicking the "Default levels" dropdown and deselecting all options except "Errors".
Reload the page where you're encountering the issue. If no errors appear, attempt to reproduce the UI problem to trigger the error.
If any errors are logged, take a screenshot of the relevant messages and include it in your response to support.
Go to the Network tab and inspect for any errors or failed requests.
If you encounter any red errors, select the error and navigate to the Response tab.
Take a screenshot of the error in the Response tab and include it in your response to Panaya support. We will review the reported errors and provide you with further instructions.