The CreatorCon Call for Content is officially open! Get started here.

UI Builder Header, Menu, Footer Details and Samples

Velma
Tera Guru

Is there any actual serious documentation anywhere for the UX Page Properties? Or has anyone made a serious sample library? Taking pieces from the templates, a few posts, some rudimentary tutorials, I can make a menu of sorts and a header. All I want is to make is a header with icon, title, menu links, and the customary user menu with Logout, and a footer with a row of links. Since people are making the samples they are making, even though they're not just what I want, I feel there must be a definition resource I'm missing. Guessing what might be accepted seems like an arduous and bound to be fruitless process. 

8 REPLIES 8

Velma
Tera Guru

Thank you, @Allen Andreas. That's helpful. It is the possibility of building a modern UI in a contained application, still hosted inside of ServiceNow, that makes ServiceNow of interest to me (my bosses may have different ideas). From the outside here, interesting to speculate on the politics that would cause them to release (so far) two versions of a new product that is not really ready for actual use. I'm guessing we will not get San Diego till well towards the end of the year if then, so I need to stick with working what is in Rome for now.

Hi,

I guess your definition of "not really ready for actual use" and ServiceNow's differ, wildly.

In either case, my reply was more so to just give you a bit more context of UI Builder and some of the backstory, etc.

In either case, I'm glad my reply was Helpful, please mark it as such.

Take care! 🙂


Please consider marking my reply as Helpful and/or Accept Solution, if applicable. Thanks!

Velma
Tera Guru

Thanks, @Michael Fry.  I am at this point somewhat familiar with how to use chrome_header, chrome_menu, and chrome_footer, from looking at what samples there are out there and some limited tutorials I've found. Both my applications ("experiences") have implementations as best as I can get so far. I have a few specific questions if you are able to answer any of them. (I am working in Rome.)
1--Is there a place to report gaps in documentation? For example, this page https://docs.servicenow.com/bundle/rome-application-development/page/administer/ui-builder/task/portal-navigation-menu-settings.html--for Rome or San Diego--has basically no information. Can I draw this to someone's attention?
2--I used a sample for my footers that includes a target=_blank attribute--but that is not propagating to the html--the footer links open in the same window. The syntax of what I have is like this:
{
"id": 5,
"type": "external",
"target": "_blank",
"label": {
"translatable": true,
"message": "[XXXX]"
},
"itemValue": {
"url": "https://[XXXX]"
}
3--Is there any way to control the font size/styling, especially for the footer? Theme customization?
4--I have failed to find a way to include an application title in the header. No sample I have seen includes this. No random tests I've tried have worked. Is this genuinely not supported? If it is supported, what is the syntax? (Meantime I've managed to get a header graphic to work, putting the application title in very large type to the right on what would normally be the graphic, and it works, maybe well enough, better than nothing.)
5--Can I turn the header graphic into a link (as per normal) such that I can route back to my home page? How?
6--I saw one sample that had the search configured to search within the application rather than "global". I have no idea how to configure that. Would there be documentation somewhere? I imagine it involves additional settings I am not familiar with.
7--The link you provided before to the Record Overview page template is working again--but I have no idea about any of those things. They appear to be specific to a form page and perhaps are not relevant to my immediate needs anyway?

I do appreciate any help, even if you just happen to know about one of these things.

1 - yes there is a doc team. Let me see if I can find an email address for them.

2 - that should be correct. You might need a HI ticket on that or check known issues.

3 - Theme controls the overall fonts. Styles for each activity allow you to override the theme. It helps to you Inspect to find the element name to add to your theme.

4 - if you load the Performance Review template, it has title in the header. I don't recall how they did that. I can see if they remember how.

find_real_file.png

5 - That comes baseline. Click in the upper left should return you to Home.

6 - Search is controlled by 2 properties: globalSearchDataConfigId (table: sys_search_context_config) and global_search_configurations (table: sys_aw_global_search_config) You can define which table(s) to search.

7 - the page contains some basic properties.

Hope something was helpful!