Customize an Ask Task - Administrator Guide - 6.10 - Cortex XSOAR - Cortex - Security Operations

Cortex XSOAR Administrator Guide

Product
Cortex XSOAR
Version
6.10
Creation date
2022-10-13
Last date published
2024-04-08
End_of_Life
EoL
Category
Administrator Guide
Abstract

Customize the message HTML and CSS for a data collection task in a Cortex XSOAR playbook.

You can customize the message HTML and CSS for a data collection task.

  1. Go to SettingsAboutTroubleshootingServer Configuration.

  2. Add the key messages.html.formats.externalAskSubmit, and add the following HTML with your customizations as the value.

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
        xmlns:o="urn:schemas-microsoft-com:office:office">
    
        <head>
            <title> {{.title}} </title> <!--[if !mso]><!-- -->
            <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--<![endif]-->
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <style type="text/css">
                #outlook a {
                    padding: 0;
                    text-decoration: none !important;
                    color: #4da9ff;
                }
    
                a {
                    text-decoration: none !important;
                    color: #4da9ff;
                }
    
                .ReadMsgBody {
                    width: 100%;
                }
    
                .ExternalClass {
                    width: 100%;
                }
    
                .ExternalClass * {
                    line-height: 100%;
                }
    
                body {
                    margin: 0;
                    padding: 0;
                    -webkit-text-size-adjust: 100%;
                    -ms-text-size-adjust: 100%;
                }
    
                table,
                td {
                    border-collapse: collapse;
                    mso-table-lspace: 0pt;
                    mso-table-rspace: 0pt;
                }
    
                img {
                    border: 0;
                    height: auto;
                    line-height: 100%;
                    outline: none;
                    text-decoration: none;
                    -ms-interpolation-mode: bicubic;
                }
    
                p {
                    display: block;
                    margin: 13px 0;
                }
            </style> <!--[if !mso]><!-->
            <style type="text/css">
                @media only screen and (max-width:480px) {
                    @-ms-viewport {
                        width: 320px;
                    }
    
                    @viewport {
                        width: 320px;
                    }
                }
            </style> <!--<![endif]-->
            <!--[if mso]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]-->
            <!--[if lte mso 11]> <style type="text/css"> .outlook-group-fix { width:100% !important; } </style> <![endif]-->
            <style type="text/css">
                @media only screen and (min-width:480px) {
                    .mj-column-per-100 {
                        width: 100% !important;
                    }
                }
            </style>
            <style type="text/css"> </style>
            <style type="text/css">
                div {
                    margin: 0 auto;
                }
    
                td {
                    padding: 0;
                }
    
                p {
                    padding: 0;
                    margin: 0;
                }
            </style>
        </head>
    
        <body>
            <div
                style="background-color: {{.bodyBackgroundColor}}; color: {{.bodyFontColor}}; width: 100%; height: 100%; font-family: Helvetica, 'Trebuchet MS', Verdana, Geneva, Century Gothic, Arial, sans-serif;">
                <table
                    style="background-color: {{.headerBackgroundColor}}; color: {{.headerFontColor}}; width: 100%; height: 80px; vertical-align: middle;">
                    <tbody>
                        <tr>
                            <td style="width: 70%;">
                                <h2 style="margin: 0 35px; font-weight: 100;">{{.title}}</h2>
                            </td>
                            <td style="width: 30%; text-align: center;"><img
                                    style="margin: 10px 35px 0 0; width: auto; height:35px;" src="{{.logo}}" alt="Logo" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <h3 style="text-align: center;">{{.subject}}</h3>
                <div style="margin: 20px; background-color: {{.bodyBackgroundColor}}; padding: 20px;">
                    <p style="word-break: break-word;">{{.body}}</p><br />{{.links}}
                </div>
            </div>
        </body>
    
        </html>