How to add Time Zone field in End User Profile -Service Portal

[Sironi]

Hi ,

 please help me how to add Time Zone field  under ""User Reference""" for all  Non-role users side also

Under About Section : Time Zone field value available here but here  How to Add Label "Time Zone " under About section

[Sironi]

This is my HTML script .

<div>
<div ng-if="data.userExists">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-xs-12 col-sm-4 text-center">
<div class="row">
<div class="avatar-extra-large avatar-container" style="cursor:default;">
<div class="avatar soloAvatar bottom">
<div class="sub-avatar mia" ng-style="avatarPicture"><i class="fa fa-user"></i></div>
</div>
</div>
</div>
<div class="row">
<button ng-if="::connectEnabled()" ng-click="openConnectConversation()" type="button"
class="btn btn-primary send-message"><span class="glyphicon glyphicon-comment pad-right"></span>${Message}</button>
<!-- file upload -->
<span ng-if="::data.isLoggedInUsersProfile">
<input ng-show="false" type="file" ng-file-select="attachFiles({files: $files})" />
<button ng-click="uploadNewProfilePicture($event)"
ng-keypress="uploadNewProfilePicture($event)" type="button"
class="btn btn-default send-message">${Upload Picture}</button>

<a class="btn btn-primary send-message" ng-if="data.stage=='APAC'" href="https://abc.service-now.com/bt?sys_id={{data.id}}&view=sp&id=form&table=u_employee_workstation_profile_1" target="_blank">Update Profile</a>

</span>
</div>
</div>
<div class="col-xs-12 col-sm-8">
<h2>{{data.name}}</h2>
<h4 ng-if="::(displayField('sys_user', 'title', true) || displayField('sys_user', 'company', true))">
<sp-editable-field ng-if="::displayField('sys_user', 'title', true)" editable-by-user="data.isLoggedInUsersProfile" table="sys_user" table-id="data.sysUserID" field-model="data.sysUserModel.title" on-change="titleOnChange" on-submit="titleOnSubmit"></sp-editable-field>
<span ng-if="::(displayField('sys_user', 'company', true) && displayField('sys_user', 'title', true))">at</span>
<span ng-if="::(displayField('sys_user', 'company', true) && !displayField('sys_user', 'title', true))">Works at</span>
<sp-editable-field ng-if="::displayField('sys_user', 'company', true)" editable-by-user="data.isLoggedInUsersProfile" table="sys_user" table-id="data.sysUserID" field-model="data.sysUserModel.company"></sp-editable-field>
</h4>
<p ng-if="::displayField('sys_user', 'department', true)"><strong class="pad-right">${Department}</strong><sp-editable-field editable-by-user="data.isLoggedInUsersProfile" table="sys_user" table-id="data.sysUserID" field-model="data.sysUserModel.department"></sp-editable-field></p>
<p ng-if="::displayField('sys_user', 'u_areas', true)"><strong class="pad-right">${Region}</strong><sp-editable-field editable-by-user="data.isLoggedInUsersProfile" table="sys_user" table-id="data.sysUserID" field-model="data.sysUserModel.u_areas"></sp-editable-field></p>
<p ng-if="::displayField('sys_user', 'u_location_name', true)"><strong class="pad-right">${Location}</strong><sp-editable-field editable-by-user="data.isLoggedInUsersProfile" table="sys_user" table-id="data.sysUserID" field-model="data.sysUserModel.u_location_name"></sp-editable-field></p>
</div>
</div>
</div>
</div>
<div class="row">
<div ng-class="{'col-md-6': teamExists(), 'col-md-12': !teamExists()}" class="col-sm-12 col-xs-12">
<div class="panel panel-primary b" ng-if="getSysUserModelFields().length > 0">
<div class="panel-heading">
<h4 class="panel-title">
<i class="fa fa-info-circle m-r-sm"></i>${About}
</h4>
</div>
<div class="body padder-xs">
<div class="list-group">
<div ng-repeat="fieldModel in getSysUserModelFields()">
<div class="list-group-item">
<div>
<sp-editable-field block="true" table="sys_user" editable-by-user="data.isLoggedInUsersProfile" table-id="data.sysUserID" field-model="fieldModel"></sp-editable-field>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div ng-if="teamExists()" class="col-md-6 col-sm-12 col-xs-12">
<sp-widget widget="data.teamWidget"></sp-widget>
</div>
</div>
<div class="row" ng-if="data.preferencesEnabled.preferencesPanelEnabled">
<div class="col-sm-12 col-xs-12">
<div class="panel panel-primary b">
<div class="panel-heading">
<h4 class="panel-title">
<i class="fa fa-cog m-r-sm"></i>${User preferences}
</h4>
</div>
<div class="body padder-xs">
<div class="list-group">
<div class="list-group-item">
<label for="accessibility-enabled">${Accessibility enabled} </label>
<div class="input-switch">
<input type="checkbox"
ng-change="setUserPreferenceValue(data.userPreferences.accessibility)"
ng-model="data.userPreferences.accessibility.value"
name="accessibility-enabled" id="accessibility-enabled" />
<label class="switch" for="accessibility-enabled" tabindex="0" ng-click="toggle($event, data.userPreferences.accessibility)"></label>
</div>
</div>
<div class="list-group-item" ng-if="data.preferencesEnabled.timezoneEnabled">
<label for="time_zone">${Time zone}</label>
<select id="time_zone_picker_select" class="form-control "
name="time_zone_picker_select" ng-model="data.listProperties.timezone.current"
ng-change="setPreferenceValue('timezone', data.listProperties.timezone.current.value)"
ng-options="item as item.label for item in data.listProperties.timezone.list"/>
</div>
<div class="list-group-item" ng-if="data.preferencesEnabled.languageEnabled">
<label for="time_zone">${Language}</label>
<select id="time_zone_picker_select" class="form-control"
name="time_zone_picker_select" ng-model="data.listProperties.language.current"
ng-change="setPreferenceValue('language', data.listProperties.language.current.value)"
ng-options="item as item.label for item in data.listProperties.language.list "/>
</div>
</div>
</div>
<div class="panel-footer clearfix" ng-if="data.userPreferencesChanged">
<a id="refresh-to-see-changes" href="javascript:void(0)"
ng-click="reloadPage()" class="pull-right btn btn-primary"><i class="fa fa-refresh m-r-sm" aria-hidden="true"></i>${Refresh to see changes}</a>
</div>
</div>
</div>
<div ng-if="!data.userExists" >
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">${User not found}</h4></div>
<div class="panel-body wrapper">
<p>${This user does not exist}</p>
<p>${Suggestions}:</p>
<ul>
<li>${Contact your portal administrator}</li>
</ul>
</div>
</div>
</div>
</div>

[Rewanth Reddy1 · Accepted solution]

Hi,

You need to update Property: glide.timezone_changer.roles value.

OOB Timezone can be update only by ITIL/Admin role users. You can make it blank so that all users in system can update their timezone even from Service Portal.

Please mark reply above as Correct if this solved your issue.

Thanks,

Rewanth

[Sironi]

Thanks Rewanth , now it is displaying under "User Perederence" such a Great logic ....Thanks 

can you help me  how to hide  time zone label under "About " Section

if it not possible to hide, Can we add White color  for label, so it will not displayed then right ?

[Rewanth Reddy1]

Hi,

Use the HTML code which I have provided to you. It will remove the TimeZone from the Section: About.

Please mark reply above as Correct if this solved your issue.

Thanks,

Rewanth