Customize a Data Collection Task - Administrator Guide - 6.6 - Cortex XSOAR - Cortex - Security Operations

Cortex XSOAR Administrator Guide

Product
Cortex XSOAR
Version
6.6
Creation date
2022-09-29
Last date published
2024-03-21
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.externalFormSubmit, 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/>
    							<p style="word-break: break-all;">
    								<a href="{{.link}}">{{.link}}</a>
    							</p>
    						</div>
    					</div>
    				</body>
    			</html>