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]

can i expect any inputs ? please

[Brian Lancaster]

Here try this.  I exported the OOB widget.  Try using that instead.  For me it does not show under user preferences anymore.  I'm not sure if there is a way to make it appear there.

[Sironi]

okay,

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]

<div class="default-focus-outline">
<div>
<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">&nbsp;</div>
<div class="row"><button class="btn btn-primary send-message" type="button">${Message}</button> <!-- file upload --> <input accept="image/jpeg,image/png,image/bmp,image/x-windows-bmp,image/gif,image/x-icon,image/svg+xml" type="file" /> <button class="btn btn-default send-message" type="button">${Upload Picture}</button></div>
</div>
<div class="col-xs-12 col-sm-8">
<h2>{{data.name}}</h2>
<h4>atWorks at</h4>
<p><strong class="pad-right">${Department}</strong></p>
<p><strong class="pad-right">${Location}</strong></p>
<p><strong class="pad-right">${Bio}</strong></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="panel panel-default b">
<div class="panel-heading">
<h4 class="panel-title">${About}</h4>
</div>
<div class="body padder-xs">&nbsp;</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">&nbsp;</div>
</div>
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="panel panel-default b">
<div class="panel-heading">
<h4 class="panel-title">${User preferences}</h4>
</div>
<div class="body padder-xs">
<div class="list-group">
<div class="list-group-item"><label>${Accessibility enabled} </label>
<div class="input-switch"><input id="accessibility-enabled" name="accessibility-enabled" type="checkbox" /> <label class="switch" for="accessibility-enabled"> <span class="sr-only">${Accessibility enabled}</span> </label></div>
</div>
<div class="list-group-item"><label for="language_picker_select">${Language}</label><select id="language_picker_select" class="form-control" name="language_picker_select"></select></div>
<div class="list-group-item"><label for="time_zone_picker_select">${Time zone}</label><select id="time_zone_picker_select" class="form-control " name="time_zone_picker_select"></select></div>
<div class="list-group-item"><button class="btn btn-link">${Configure Multi-Factor Authentication}</button></div>
</div>
</div>
<div class="panel-footer clearfix"><a id="refresh-to-see-changes" class="pull-right btn btn-primary"></a>${Refresh to see changes}</div>
</div>
</div>
<div>
<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>
</div>
</div>

Clone User profile widget and add above code in HTML Template.

This code will place Time Zone right after the Language under User Preferences section.

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

Thanks,

Rewanth

[Sironi]

Hi Rewanth,

as a admin can able to see Time Zone field under User Preferences ,Coming to end users , they could not able to see Time Zone field under User Preferences.

So by adding above script can display Time Zone field at end users side also right ?