Widget in the Top Panel of the Task Card TASK_VIEW_TOP_PANEL

// This snippet is an ES module: top-level await requires type="module" or a bundler.
        // $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
        import { Text } from '@bitrix24/b24jssdk'
        import type { B24Frame } from '@bitrix24/b24jssdk'
        
        declare const $b24: B24Frame
        
        try {
          const response = await $b24.actions.v2.call.make<boolean>({
            method: 'placement.bind',
            params: {
              PLACEMENT: 'TASK_VIEW_TOP_PANEL',
              HANDLER: 'https://your-domain.com/widgets/task-view-top-panel-handler.php',
              TITLE: 'My task widget',
              LANG_ALL: {
                en: {
                  TITLE: 'My task widget',
                },
                de: {
                  TITLE: 'Mein Aufgaben-Widget',
                },
              },
            },
            requestId: Text.getUuidRfc4122()
          })
        
          // The payload is available only on a successful response
          if (!response.isSuccess) {
            console.error(response.getErrorMessages().join('; '))
          } else {
            const result = response.getData()!.result
            console.info('Placement bound successfully:', result)
          }
        } catch (error) {
          // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
          console.error(error)
        }
        

<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
        <script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
        <script>
          async function bindTaskViewTopPanel() {
            try {
              // Initialize the SDK inside a Bitrix24 frame
              const $b24 = await B24Js.initializeB24Frame()
        
              const response = await $b24.actions.v2.call.make({
                method: 'placement.bind',
                params: {
                  PLACEMENT: 'TASK_VIEW_TOP_PANEL',
                  HANDLER: 'https://your-domain.com/widgets/task-view-top-panel-handler.php',
                  TITLE: 'My task widget',
                  LANG_ALL: {
                    en: {
                      TITLE: 'My task widget',
                    },
                    de: {
                      TITLE: 'Mein Aufgaben-Widget',
                    },
                  },
                },
                requestId: B24Js.Text.getUuidRfc4122()
              })
        
              // The payload is available only on a successful response
              if (!response.isSuccess) {
                console.error(response.getErrorMessages().join('; '))
                return
              }
        
              const result = response.getData().result
              console.info('Placement bound successfully:', result)
            } catch (error) {
              // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
              console.error(error)
            }
          }
        
          document.addEventListener('DOMContentLoaded', bindTaskViewTopPanel)
        </script>
        

try {
            $response = $b24Service
                ->core
                ->call(
                    'placement.bind',
                    [
                        'PLACEMENT' => 'TASK_VIEW_TOP_PANEL',
                        'HANDLER' => 'https://your-domain.com/widgets/task-view-top-panel-handler.php',
                        'TITLE' => 'My task widget',
                        'LANG_ALL' => [
                            'en' => [
                                'TITLE' => 'My task widget',
                            ],
                            'de' => [
                                'TITLE' => 'Mein Aufgaben-Widget',
                            ],
                        ],
                    ]
                );
        
            $result = $response->getResponseData()->getResult();
            if ($result->error()) {
                error_log($result->error());
            } else {
                echo 'Success: ' . print_r($result->data(), true);
            }
        } catch (Throwable $e) {
            error_log($e->getMessage());
            echo 'Error binding placement: ' . $e->getMessage();
        }
        

BX24.callMethod(
            'placement.bind',
            {
                PLACEMENT: 'TASK_VIEW_TOP_PANEL',
                HANDLER: 'https://your-domain.com/widgets/task-view-top-panel-handler.php',
                TITLE: 'My task widget',
                LANG_ALL: {
                    en: { TITLE: 'My task widget' },
                    de: { TITLE: 'Mein Aufgaben-Widget' }
                }
            },
            function(result) {
                if (result.error()) {
                    console.error(result.error());
                } else {
                    console.log(result.data());
                }
            }
        );
        

require_once('crest.php');
        
        $result = CRest::call(
            'placement.bind',
            [
                'PLACEMENT' => 'TASK_VIEW_TOP_PANEL',
                'HANDLER' => 'https://your-domain.com/widgets/task-view-top-panel-handler.php',
                'TITLE' => 'My task widget',
                'LANG_ALL' => [
                    'en' => [
                        'TITLE' => 'My task widget',
                    ],
                    'de' => [
                        'TITLE' => 'Mein Aufgaben-Widget',
                    ],
                ],
            ]
        );
        
        echo '<PRE>';
        print_r($result);
        echo '</PRE>';
        

// client and ctx are already created — see the Go SDK section
        res, err := client.Core().Call(ctx, "placement.bind", b24.Params{
        	"PLACEMENT": "TASK_VIEW_TOP_PANEL",
        	"HANDLER":   "https://your-domain.com/widgets/task-view-top-panel-handler.php",
        	"TITLE":     "My task widget",
        	"LANG_ALL": b24.Params{
        		"ru": b24.Params{
        			"TITLE": "My task widget",
        		},
        		"en": b24.Params{
        			"TITLE": "My task widget",
        		},
        	},
        })
        if err != nil {
        	return fmt.Errorf("placement.bind: %w", err)
        }
        
        // The response arrives as json.RawMessage — unmarshal it into the response
        // shape of the placement.bind method, see "Response Handling" on its page.
        fmt.Printf("%s\n", res.Result)