Move the CC field in Help Center

Answered

6 Comments

  • Trapta Singh
    Community 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
  • Lefteris Apostolakis

    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
  • Trapta Singh
    Community 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
  • Lefteris Apostolakis

    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
  • Mikael Bohlin

    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
  • Amit Singh

    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

Please sign in to leave a comment.

Powered by Zendesk