Blog

ServiceNow Fuji: Move Update Set Picker Back to Header

UI Script to add the Update Set Picker back to the header bar in ServiceNow Eureka and Fuji.

This is mostly not my invention, here is credit to the Original Forum Topic

UI 15 Fuji Update Set Picker to Header BAR

UI Script: UpdateSetPickerHeaderBar

addLoadEvent(moveUpdateSetPicker);

function moveUpdateSetPicker(){
try{
if($('navpage_header_control_button')){
//Fix Fuji styling
$('update_set_picker_select').className = '';
if($('update_set_picker').select('li')[0]){
$('update_set_picker').select('li')[0].className = '';
$('update_set_picker').select('li')[0].style.paddingRight="50px";
$('update_set_picker').select('li')[0].style.listStyleType ="none";
$('update_set_drill').style.color ="#FFF";
$('update_set_drill').style.marginTop = "-15px";
$('update_set_picker').select('li')[0].select('a')[1].style.color ="#FFF";
$('update_set_picker').select('li')[0].select('a')[1].style.marginTop = "-15px";
$('update_set_picker').select('li')[0].select('a')[2].style.color ="#FFF";
$('update_set_picker').select('li')[0].select('a')[2].style.marginTop = "-15px";
$('update_set_picker_select').style.color ="#000";
}
if($('update_set_picker').select('legend')[0]){
$('update_set_picker').select('legend')[0].remove();
}
//Move the update set picker from under the gear icon to the header
$('nav_header_stripe_decorations').insert({
top: $('update_set_picker')
});
//Make sure that UI14 doesn't change styling
$('update_set_picker').id = 'update_set_picker_new';
$('update_set_picker_select_title').id = 'update_set_picker_select_title_new';
}
}catch(e){}
}

UI 14 EUREKA UPDATE SET PICKER TO HEADER BAR

UI Script: UpdateSetPickerHeaderBar

addLoadEvent(moveUpdateSetPicker);
 
function moveUpdateSetPicker(){
try{
//Move the update set picker from under the gear icon to the header
$('nav_header_stripe_decorations').insert({
top: $('update_set_picker')
});
//Make sure that UI14 doesn't change styling
$('update_set_picker').id = 'update_set_picker_new';
$('update_set_picker_select_title').id = 'update_set_picker_select_title_new';
}catch(e){}
}