Web.dhan.co = Need improvement in "Positions" Tab & "Orders" Tab

**Request to Disable Pop-out Order Notifications and Fix Order Window Bug on Dhan Web Platform

web.dhan.co , Positions Tab =**
Kindly provide settings to disable order pop-out notifications that appear in the Positions tab on web.dhan.co, or at least provide an option to turn them on or off, similar to TradingView, where we can enable notifications only for order errors or cancelled orders.

I manage my positions through this page, but in the live market, when we do scalping and manage several orders simultaneously, the Positions tab screen with lots of pop-out notifications disrupts our workflow and creates difficulty during fast execution. Therefore, it would be very helpful if there were an option to disable pop-out notifications.

Web.dhan.co , Orders Tab =

Also, while editing orders on the Orders page and hiding the side panel of the order window (the pop-out order window in web.dhan.co), when we press Hide, the screen turns completely black, and reloading the page becomes the only option. Ideally, it should simply hide the order details and return to the normal page view, but it fails to do so while editing multiple orders through the Orders tab in web.dhan.co.

@Varsha777 For positions page you can try following fix to move notifications to the left instead of disabling them:

  • Install tampermoney browser extension.
  • Add the following userscript from the Dashboard.
// ==UserScript==
// @name         Dhan Notifications - Positions Page Only
// @namespace    http://tampermonkey.net
// @version      1.2
// @description  Moves notifications to left ONLY on the Positions page
// @author       DSingh
// @match        https://web.dhan.co/*
// @grant        GM_addStyle
// @grant        window.onurlchange
// ==/UserScript==

(function() {
    'use strict';

    const styleId = 'dhan-left-notify-style';
    const leftCSS = `
        /* The main container - Forces vertical stacking */
        .toast-container,
        .ngx-toastr-container,
        #toast-container {
            right: auto !important;
            left: 0px !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex !important;       /* Use Flexbox */
            flex-direction: column !important; /* Force vertical stack */
            align-items: flex-start !important; /* Align items to the left edge */
            width: 350px !important;         /* Fixed container width */
            pointer-events: none;            /* Let clicks pass through empty space */
        }

        /* The individual toast boxes */
        .ngx-toastr, .toast {
            pointer-events: auto;            /* Make sure you can still click the alerts */
            margin-left: 0 !important;
            margin-bottom: 10px !important;  /* Space between stacked alerts */
            width: 300px !important;
            max-width: 300px !important;
            display: block !important;       /* Standard block stacking */
            overflow: visible !important;
            position: relative !important;   /* Reset any absolute positioning */
        }
    `;


    function updateStyles() {
        const isPositionsPage = window.location.href.includes('/index/positions');
        let existingStyle = document.getElementById(styleId);

        if (isPositionsPage) {
            if (!existingStyle) {
                const style = document.createElement('style');
                style.id = styleId;
                style.innerHTML = leftCSS;
                document.head.appendChild(style);
            }
        } else {
            if (existingStyle) {
                existingStyle.remove();
            }
        }
    }

    // Initial check on load
    updateStyles();

    // Listen for SPA navigation changes
    if (window.onurlchange === null) {
        window.addEventListener('urlchange', updateStyles);
    }
})();

Hey @Varsha777

Will try to add this in the upcoming builds on web.dhan.co. Thank you for highlighting this pain point.