Recent searches


No recent searches

Move the CC field in Help Center

Answered


Posted Jul 14, 2021

Hello all,

Is there a simple way to move the default CC field in a Zendesk ticket form to another location (e.g. at the bottom of the form beneath all the other ticket fields)? Right now and since we enabled the CC field, it's sitting at the top of each form and I can't see it as a separate ticket field in Support so that I may move it in my ticket form.


1

10

10 comments

image avatar

Trapta Singh

Zendesk LuminaryCommunity Moderator

Hi @Lefteris Apostolakis

Try putting the below code at the bottom of your style.css file

#new_request {
display: flex;
width: 100%;
flex-direction: column;
}

.form-field ~ .form-field {order: 0;}

/* Replace FIELDID with your custom ID (ex: if your field id is 'request_custom_fields_1500007306061_label' then, replace FIELDID with 1500007306061 ) */
.form footer,
.form-field.request_custom_fields_FIELDID {
order: 1;
}

Thanks

0


Thanks for the comment @.... The issue is that this default Zendesk CC field does not appear in the list of ticket fields in Support, therefore I don't know its id. Do you perhaps know of a way to find the id of this field?

0


image avatar

Trapta Singh

Zendesk LuminaryCommunity Moderator

@Lefteris Apostolakis

You can always do inspect the element to get the id of the element. Take a look at this link to know how to do so: https://www.browserstack.com/guide/inspect-element-in-chrome

Thanks

0


Thanks so much for the tip Trapta. I managed to implement this into out Zendesk portal and it worked like a charm. Thanks a lot again!

0


Hi,

tried to follow the instructions above, but there is no field id visible for the CC-field.

 

Lefteris Apostolakis , are you willing to share how you did it ?

 

Regards

Mikael

0


Hey Mikael Bohlin, not sure if you found the answer yet, hopefully the following helps.

I figured that the field's name is `request_cc_emails` 

I used the following CSS, which work pretty good:

/** Everything else after subject and cc and before footer **/
.form-field ~ .form-field {order: 5;}

/** Form Footer at the very bottom **/
form footer {
order:10;
}

/** Set Subject as the first field **/
div.form-field.request_subject {
order: 1;
margin-bottom:5px;
}

/** Set CC as the second field **/
div.form-field.request_cc_emails {
order: 2;
}

0


Amit Singh Thank you!!

0


OK, thank you for the feedback. I will test it

0


Hello,

Any update on this topic because it seems like Amit Singh solution doesn't work for me.

Thanks !

0


Lefteris Apostolakis What did you do to make it work? Could you post the code please?

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post