CSS Upload Troubleshooting

Overview

When creating or maintaining styles, you might run into unexpected behavior. Troubleshooting mitigates and eliminates these unforeseen behaviors. The goal is to reduce the impact on your end-users. For especially tricky issues, you can always contact support@unqork.com.

Let's go over some guidelines to help you get started.

Troubleshooting using the DevTools Network Tab

You'll use DevTools The DevTools Console helps you securely store, build, test, and deploy your software. on your module preview to troubleshoot styles, view component structures, and see their classes. From here, you can determine what's going on with your code.

To use the DevTools Network Tab:

1.

Right-click on a component in Express View Express View is how your end-user views you application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View. and select Inspect. The inspection panel opens and highlights the component that you selected. For example, if you right-clicked a button, it looks like this:

2.

From here, debug and modify by editing values or adding classes in the panels.

Once the issues are fixed, you can add the changes to the actual CSS. You might have to move up and down through the elements to find the top level of the component or wrappers.

TIP  To learn more about viewing CSS styling using the DevTools Console, go to: https://developer.chrome.com/docs/devtools/css/.