Share This Post

Adding a Field to the Right of an Existing Field – SCSM 2012 Authoring Tool

First, I would like to thank all the Microsoft MVP for the Incident Extension blogs and video, and others who have provided information on extending the Incident and Service Request. We all know the Authoring Tool can be tricky.  To complement what is already out there, I have provided the instructions to add the fields perfectly to the right of existing fields. It will show up as if Microsoft put it there in the first place.

This blog is solely for the visual part of adding a field to the right of current field. The Incident must be extended first.

For some great links on this subject, go to the bottom of this blog.

Image of Entire Incident Form with all 3 fields Added

This example will show how to add:

1.       A List Picker to the right of the Contact Method

2.       A Date Picker to the right of Priority

3.       A Text Box to the right of Classification Category

However, this technique can easily be modified for a User Picker, or Single Item Picker.

I chose the above locations, because some fields on the Incident Form have plenty of space to spare to the right.

After you have extended your Incident class and have selected to “Customize” your form, follow these steps:

To add a List Picker to the right of the [ContactMethod] field

Console View for New List Picker (Division)

clip_image002[4]

1.       Modify the Contact Method Label:         

a.       Horizontal Alignment = Left

clip_image003[8]

2.       Modify the Contact Method Text Box

a.       Width = 200

b.      Horizontal Alignment = Left

clip_image004[4]

3.       Add a New Label and New List Picker

a.       Drag a Label and drop it into the grey box that includes the Contact Method label and text

 box when you hovering over it.

clip_image005[4]

b.      Drag a List Picker and drop it into the grey box that includes the Contact Method label and

text box, and Label1 when you hovering over it.

clip_image006[4]

4.       Modify the New Label (in this order to see how everything aligns)

a.       Top Margin = -45

b.      Vertical  Alignment = Top

c.       Left Margin = 215

d.      Width = Auto

e.      Rename Content Text: Used “Division:” for example

clip_image007[4]

5.       Modify the New List Picker

a.       Top Margin = -22

b.      Left Margin = 215

c.       Width = Auto

d.      Horizontal Alignment = Stretch

clip_image008[4]

6.       Authoring Tool View for New List Picker (Division)

clip_image010[4]

7.       Save Management Pack and Import

 

To add a Date Picker  to the right of the [Priority] field

Console View for New Date Picker (Delivery Date)

clip_image012[4]

1.       Modify the Priority Label:            

a.       Horizontal Alignment = Left

clip_image003[9]

2.       Modify the Priority Text Box

a.       Minimum Width = 45

clip_image013[4]

3.       Add a New Label and New Date Picker

a.       Drag a Label and drop it into the grey box that includes the Priority label and text

box when you hovering over it.

clip_image015[4]               

b.      Drag a Date Picker and drop it into the grey box that includes the Priority label , text box,

and Label2  when you hovering over it.

clip_image017[4]

4.       Modify the New Label (in this order to see how everything aligns)

a.       Top Margin = -43

b.      Vertical  Alignment = Top

c.       Minimum Height = 22

d.      Left Margin = 60

e.      Width =

f.        Rename Content Text: Used “Delivery Date:” for example

clip_image018[4]

5.       Modify the New Date Picker

a.       Top Margin = -22

b.      Minimum Width = 0

c.       Left Margin = 60

clip_image019[4]

6.       Authoring Tool View for New Date Picker (Delivery Date)

clip_image021[4]

7.       Save Management Pack an Import                                                                                                                                                                                                                                                                                                                                                                                                         

Add a Text Box to the right of the [Classification] field

Console View for New Text Box (Reference #)

clip_image023[4]

1.       Modify the Classification Label:

a.       Horizontal Alignment = Left

clip_image003[10]

2.       Modify the Classification List Picker

a.       Horizontal Alignment = Left

b.      Minimum Width = 300

clip_image024[4]

3.       Add a New Label and New Text Box

c.       Drag a Label and drop it into the grey box that includes the Classification label and text box

when you hovering over it.

clip_image025[4]            

d.      Drag a Text Box and drop it into the grey box that includes the Classification label, text box,

and Label3 when you hovering over it.

clip_image026[4]

1.       Modify the New Label (in this order to see how everything aligns)

g.       Top Margin = -44

h.      Vertical  Alignment = Top

i.         Minimum Height = 22

j.        Left Margin = 310

k.       Width = Auto

l.         Horizontal Alignment = Stretch

m.    Rename Content Text: Used “Reference #:” for example

clip_image027[4]

2.       Modify the New Text Box

d.      Top Margin = -22

e.      Left Margin = 310

f.        Minimum Width = 0

g.       Horizontal Alignment = Stretch

h.      Width = Auto

i.         Height = Auto

j.        Minimum Height = 22

k.       Delete Text: TextBox1

clip_image028[4]

3.       Authoring Tool View for New Text Box (Reference #)

clip_image030[4]

4.       Save Management Pack an Import

 

Image of Entire Incident Form with all 3 fields Added

clip_image032[4]

I hope you all get lots of use from this information on how to add a field to the right of an existing field. Good Luck!

 

                             

Damon Mulligan

damon.mulligan@cireson.com

 

clip_image034[4]

clip_image036[6] Damon_Mulligan

clip_image036[7]  Check out our System Center App Store: www.cireson.com/app-store

Links on Extending the Incident Form

(Travis Wright) Adding a Customer Field to the Incident Form in System Center Service Manager (Video)

http://www.youtube.com/watch?v=b5RSGAPwA9E

(Marcel Zehner) Adding a custom field to Incident Forms

http://blog.scsmfaq.ch/2011/01/04/adding-a-custom-field-to-incident-forms/

 

Share This Post

1 Comment

  1. Is there any way to add a field to the right of the classification category field and have the size be the same for the boxes below it? Each time I attempt this, either through manipulating margins, box sizes, etc I don’t get a result after importing the management pack that looks anything like what I see in the authoring tool. I’m trying to add another list picker to the right of classification category.

Leave a Reply