Use of "Direct" flag in UI Page formIssue Use of "Direct" flag in UI Page form | General Information Overview When you create a UI Page, you will notice a "Direct" flag, a.k.a, boolean field present in UI Page form. When you hover over to the field label, it mentions ""Omit standard HTML header and JavaScript" which means that this field controls whether ServiceNow components such as their standard header (HTML), styling (CSS) and JavaScript (script dependencies) should be loaded to the UI page or not. Example If you set "Direct" flag to false (by default), you will see all the necessary components loading up: If you set "Direct" flag to true, you will see all the ServiceNow components not loading up: The latter screenshot implies that it lets developers to make completely custom UI pages. Additional Information - Please do note that ServiceNow macros such as jelly tags won't work if "Direct" flag is set to true. For example, "<g:ui_reference>" is a jelly tag that implies a reference field and behaves like a normal ServiceNow form type reference field. IF you set the flag to true, then all script dependencies and styling will be ruled out and you will see a normal text box (as shown in above screenshot) - UI Pages: https://docs.servicenow.com/csh?topicname=r_UIPages.html&version=latest <!-- div.margin{ padding: 10px 40px 40px 30px; } table.tocTable{ border: 1px solid; border-color:#E0E0E0; background-color: rgb(245, 245, 245); padding-top: .6em; padding-bottom: .6em; padding-left: .9em; padding-right: .6em; } table.noteTable{ border:1px solid; border-color:#E0E0E0; background-color: rgb(245, 245, 245); width: 100%; border-spacing:2; } table.internaltable { white-space:nowrap; text-align:left; border-width: 1px; border-collapse: collapse; font-size:14px; width: 85%; } table.internaltable th { border-width: 1px; padding: 5px; border-style: solid; border-color: rgb(245, 245, 245); background-color: rgb(245, 245, 245); } table.internaltable td { border-width: 1px; padding: 5px; border-style: solid; border-color: #E0E0E0; color: #000000; } .title { color: #D1232B; font-weight:normal; font-size:28px; } h1{ color: #D1232B; font-weight:normal; font-size:21px; margin-bottom:-5px } h2{ color: #646464; font-weight:bold; font-size:18px; } h3{ color: #000000; font-weight:BOLD; font-size:16px; text-decoration:underline; } h4{ color: #646464; font-weight:BOLD; font-size:15px; text-decoration:; } h5{ color: #000000; font-weight:BOLD; font-size:13px; text-decoration:; } h6{ color: #000000; font-weight:BOLD; font-size:14px; text-decoration:; } hr{ border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; } ul { list-style: disc outside none; margin-left: 0; } li { padding-left: 1em; } -->