Ensure the columns and rows of your '''Advanced Data Table''' look good onscreen when a user enters information by following the steps below.
====Uploading the external CSS files and getting the relative linklinks====# Download this the CSS files [[File:CSS file.zip]]# In your desired instance navigate to the Menu Icon and choose '''SmartFolders'''
# Create a '''New Folder''' and call it '''System Files'''
# Upload the CSS files found inside the Zip fileyou downloaded# in In the list files inside SmartFolders click on the drop down in the '''File Options''' column and , then select '''View URL'''this will give you the absolute path to the file you uploaded# Copy this link which . It will look like '''https://yourinstance.smartsimple.com/files/427076000000/f114840f000000/xml-onscreen-1290CSS_for_XSL_onscreen_1290.css'''.# Remove the first part of the link before the '''/files...''' to make it a relativelink. This will ensure it the URL will works on live and backup and it will ensure it works your instance functions as expected. Your relative link will look like '''/files/427076000000/f114840f000000/xml-onscreen-1290CSS_for_XSL_onscreen_1290.css'''# save Save this relative link in a text file so we can add it to each Advanced Data Table custom field later.# Repeat steps 5 to 8 for the second CSS file which will be used for rendering on the object and in the PDF.
====Modifying the Advanced Data Table template====