[SOLVED]hide a single calendar icon

May 10, 2019, 07:11 AM

Hello,

I am working on DateFrom and DateTo input fields which have calendar icon associated with it. For certain scenarios one of the date input has to be disabled/hidden. In that case even the associated Webfocus calendar icon has to be disabled or made hidden. When I try the below code:

 
for (i=0;i<numImages;++i)
 {
 if((document.form.parCCalendar.checked == true) && (images[i].src.indexOf("dynCalendar.gif") > 0))
 {
 images[i].style.visibility="hidden";
 }
 else 
 {
 images[i].style.visibility="visible";
 }
  }

both the calendar icons appear or disappear.

Can someone advice me on this topic. I need to hide only one Calendar icon.

Thank you,
Prajakta

This message has been edited. Last edited by: Prajakta,

May 10, 2019, 07:31 AM

MartinY

I remember to have provided you with that loop to hide calendar icon (which was a work around for 8009), but does this is working for you

// To hide a specific calendar control. COMP_DT it's the control unique id
  IbComposer_showHtmlElement('COMP_DT', 0);

// To show a specific calendar control
  IbComposer_showHtmlElement('COMP_DT', 1);

I don't remember if it does under 8105

May 10, 2019, 04:00 PM

Hallway

quote:
both the calendar icons appear or disappear.

That is because both of the calendar icons have the same src attribute, so they will both disappear.

When inspecting the HTML in Chrome dev tools, it looks like in the HTML canvas placed the calendar icon image as a direct sibling under the calendar control. So you could use the nextElementSibling property of the calendar control. Something like this:

  
var cal = document.getElementById("calendar1");
if (document.form.parCCalendar.checked) {
    cal.disabled = false;
    cal.nextElementSibling.style.visibility = 'visible';
}
else {
    cal.disabled = true;
    cal.nextElementSibling.style.visibility = 'hidden';
}

May 12, 2019, 06:49 AM

Prajakta

Hello,

Thank you for the answer!
Can you please provide me the complete tried code.
I did try nextElementSibling but it did not work. Am i supposed to display the Webfocus calendar as a separate image in html.

  
<INPUT id=calendar1 style="POSITION: absolute; LEFT: 165px; WIDTH: 90px; TOP: 16px; HEIGHT: 25px;" value=!IBI.GLB.pDToday; name=parDDateFrom elementtype="14" ibiformat="D.M.YY" calendardata="01/01/2019;06/30/2020" calendardatatype="2">

Any advice would be of great help.

Thank you,
Prajakta

May 12, 2019, 09:17 AM

Prajakta

Hello Martin,

I tried the code you suggested. But it did not work. Can you please advice me something else or provide the complete code.

Thank you,
Prajakta

May 13, 2019, 09:03 AM

Hallway

Are you using the HTML Canvas in AppStudio? Or are you just coding an HTML page?

May 13, 2019, 03:07 PM

Prajakta

Hello,

I did use both App Studio as well as HTML coding. Both did not work.
I would be grateful if you could send the code to me.

Thank you,
Prajakta

May 13, 2019, 11:45 PM

Hallway

Here is the (bloated) code generated from the HTML canvas:

  
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="mycharsetmeta" http-equiv="Content-Type" content="text/html; charset=WINDOWS-1252">
    <meta name="Generation" content="Created in release 8202, Generation 4">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Copyright 1996-2013 Information Builders, Inc. All rights reserved. -->

    <script type="text/javascript">
        //confidential_id=IBI_OptionsScript
        var bRuntime = true;
        var szHtmlAlias = "./ibi_html/";
        var is_mobile = "false";
        var loadingscreen = "";
        var ib_composer = "ib_composer";
        var emf = "ib_composer_emf";
        var ibiOptions = new Array(ib_composer);
        document.write('<script src="' + szHtmlAlias + 'ibigbl.js" type="text/javascript"><\/script>');
    </script>
    <script src="./ibi_html/ibigbl.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="/ibi_apps/jquery/css/jquery-ui.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/jquery/css/smoothness/jquery-ui.custom.min.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/jquery/custom/css/ui.jqgrid.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/ibi_html/javaassist/ibi/html/describe/Ib_Composer_StyleSheet.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/tdg/jschart/distribution/leaflet/leaflet.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/tdg/jschart/distribution/leaflet/leaflet.draw.css">
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ibijsdbg.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/cgipath.js"></script>
    <script type="text/javascript">
        //confidential_id=IBI_ibigblloadCss
        if (typeof ibigblloadCss != 'function') {
            alert("JavaScript alias '" + szHtmlAlias + "'  is not valid.");
            window.location("about:blank");
        }
    </script>
    <title>HtmlPage</title>
    <script type="text/javascript">
        //confidential_id=clientEventHandlersJS

        if (typeof(bRuntime) != 'undefined') {
            // TODO: Add your inline runtime code here
        }

        //Begin function window_onload
        function window_onload() {

            UpdateData();

            // TODO: Add your event handler code here
            //add onInitialUpdate() function to make changes before initial run of the reports
        }
        //End function window_onload

        //Begin function checkbox1_onchange
        function checkbox1_onchange(event) {
            var eventObject = event ? event : window.event;
            var ctrl = eventObject.target ? eventObject.target : eventObject.srcElement;
            // TODO: Add your event handler code here

            var cal = document.getElementById("calendar2");
            if (ctrl.checked) {
                cal.disabled = false;
                cal.nextElementSibling.style.visibility = 'visible';
            } else {
                cal.disabled = true;
                cal.nextElementSibling.style.visibility = 'hidden';
            }

        }
        //End function checkbox1_onchange
    </script>
    
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ibicookie.js"></script>
    <script type="text/javascript" src="/ibi_apps/tools/shared_resources/source/wf_globals.jsp"></script>
    <script type="text/javascript" src="/ibi_apps/jquery/js/jquery.min.js"></script>
    <script type="text/javascript" src="/ibi_apps/jquery/js/jquery-ui.custom.min.js"></script>
    <script type="text/javascript" src="/ibi_apps/jquery/custom/js/jquery.flip.min.js"></script>
    <script type="text/javascript" src="/ibi_apps/jquery/custom/js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="/ibi_apps/jquery/custom/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="/ibi_apps/tools/shared_resources/source/spincontrol.js"></script>
    <style type="text/css"></style>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ibihash.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/olap/olapdefaults.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ib_composer_api.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ibiValidate.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/intl/EN/mntFormValidateTrans.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/intl/EN/composertrans.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/intl/EN/olapctltrans.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ibilangtrans.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ib_composer.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ib_composer_map.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/Ib_Composer_Menu.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/nls.js"></script>
    <script type="text/javascript" src="/ibi_apps/ibi_html/javaassist/ibi/html/js/ib_composer_grid.js"></script>
    <script type="text/javascript" src="/ibi_apps/tdg/jschart/distribution/tdgchart-min.js"></script>
    <link rel="stylesheet" type="text/css" id="leafletCSSID" href="/ibi_apps/tdg/jschart/distribution/leaflet/leaflet.css">
    <link rel="stylesheet" type="text/css" id="leafletDrawCSSID" href="/ibi_apps/tdg/jschart/distribution/leaflet/leaflet.draw.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/default_theme.css">
    <link type="text/css" rel="stylesheet" href="/ibi_apps/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/bip-neutral.css">
    <style type="text/css">
        .internal_default {}
    </style>
    <style type="text/css">
        .ui-datepicker select.ui-datepicker-month {
            width: 61%;
            font-size: 0.95em;
            font-family: Verdana;
        }
        
        .ui-datepicker select.ui-datepicker-year {
            width: 39%;
            font-size: 0.95em;
        }
        
        .ui-datepicker table thead {
            font-size: .8em;
        }
        
        .ui-datepicker {
            font-size: small;
        }
    </style>
</head>

<body class="IBI_PageBg" style="">
    <div class="IBI_DesktopContainer IBI_temp_unselect" style="">
        <form tabindex="-1" class="IBI_ReportControlPanel IBI_rounded_m internal_default ui-front" id="form1" style="left: 60px; top: 40px; width: 630px; height: 310px; position: absolute; z-index: 1;" name="form1">
            <input tabindex="1" class="IBI_button IBI_btn-run internal_default" id="form1Submit" style="left: 5px; top: 285px; width: 38px; height: 22px; position: absolute; z-index: 1;" type="submit" value=" " name="submit1">
            <input tabindex="2" class="IBI_button IBI_btn-reset internal_default" id="form1Reset" style="left: 48px; top: 285px; width: 38px; height: 22px; position: absolute; z-index: 2;" type="reset" value=" " name="reset1">
            <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
            <input tabindex="3" class="internal_default hasDatepicker ui-autocomplete-input" id="calendar1" style="left: 20px; top: 20px; width: 180px; position: absolute; z-index: 101;" name="calendar1" field_signature="3535287540" ibiformat="YMD" autocomplete="off">
            <img class="ui-datepicker-trigger" src="/ibi_apps/ibi_html/javaassist/ibi/html/maint/dynCalendar.png" alt="..." title="..." style="position: absolute; left: 212px; z-index: 101; top: 20px;">
            <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
            <input tabindex="4" class="internal_default hasDatepicker ui-autocomplete-input" id="calendar2" style="left: 20px; top: 60px; width: 180px; height: 19px; position: absolute; z-index: 101;" size="18" name="calendar2" field_signature="3579251139" ibiformat="YMD" autocomplete="off">
            <img class="ui-datepicker-trigger" src="/ibi_apps/ibi_html/javaassist/ibi/html/maint/dynCalendar.png" alt="..." title="..." style="position: absolute; left: 212px; z-index: 101; top: 60px; visibility: visible;">
            <div class="IBI_ReportControlTarget IBI_CheckBox internal_default" id="checkbox1" style="left: 290px; top: 20px; width: 120px; height: 30px; overflow: auto; position: absolute; z-index: 5;" contenteditable="false" ibiformat="null" tabindexsaved="5">
                <table cellspacing="0" class="IBI_ReportControlTarget IBI_CheckBox internal_default" style="padding: 0px; width: 99%; height: 99%; border: 0px;">
                    <tbody>
                        <tr>
                            <td style="padding: 0; white-space:nowrap">
                                <label for="checkbox10" style="cursor: default; " onkeydown="onTreeLabelKeyDown(event)" name="checkbox1">
                                    <input id="checkbox10" name="checkbox1" type="checkbox" value="parCCalendar" checked="" onclick="OnResetDownChainControls("checkbox1",event)" tabindex="5" field_signature="3926293240">Value1
                                </label>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all ui-autocomplete-disabled ui-state-disabled" id="ui-id-1" tabindex="0" aria-disabled="true" style="display: none;"></ul>
            <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all ui-autocomplete-disabled ui-state-disabled" id="ui-id-2" tabindex="0" aria-disabled="true" style="display: none;"></ul>
        </form>
    </div>
    <!-- cc nynk -->
    <div id="loadingiframe" style="z-index: 200000; position: absolute; top: 0px; left: 0px; display: none; background-color: rgb(128, 128, 128); width: 100%; height: 100%;">
        <div class="spinner" role="progressbar" style="position: relative; width: 0px; z-index: 2000000000; left: 796px; top: 120px;">
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-0-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(0deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-1-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-2-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(55deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-3-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(83deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-4-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(110deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-5-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(138deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-6-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(166deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-7-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(193deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-8-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(221deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-9-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(249deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-10-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(276deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-11-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(304deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
            <div style="position: absolute; top: -5px; opacity: 0.25; animation: 1s linear 0s infinite normal none running opacity-60-25-12-13;">
                <div style="position: absolute; width: 30px; height: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(332deg) translate(30px, 0px); border-radius: 5px;">
                </div>
            </div>
        </div>
    </div>
    <iframe name="hiddenlayoutframe" id="hiddenlayoutframe" src="/ibi_apps/ibi_html/javaassist/blank.html" style="z-index: 10000; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; display: none;"></iframe>
    <div id="infoWinCtrl" class="IBI_MultiContentPlugin IBI_MultiContentPlugin_Wnd IBI_Draggable IBI_Resizable IBI_DisplayNone ui-draggable" style="top: 0px; width: 392.25px; height: 27px;">
        <div class="IBI_pageHeader IBI_pageHeader_Selected">
            <div class="IBI_pageHeaderText" style="background-image: url("/ibi_apps/ibi_html/javaassist/ibi/html/composer/themes/Default/logoplaceholder_16.png");">
                InfoWindow
            </div>
        </div>
        <div class="IBI_pageContent" style="height: 0px; width: 392px;">
            <iframe class="IBI_InfoWndFrame" frameborder="0" id="infowinframe" name="infowinframe"></iframe>
        </div>
        <div class="IBI_pageHeader" style="">
            <div class="IBI_pageHeaderText" style="background-image: url("/ibi_apps/ibi_html/javaassist/ibi/html/composer/themes/Default/logoplaceholder_16.png");">
                Messages</div>
        </div>
        <div class="IBI_pageContent IBI_DisplayNone" style="height: 0px; width: 392px;">
            <div class="IBI_InfoWndFrame" id="messanger"></div>
        </div>
        <div class="IBI_windowNavBox" style="width: 84px; left: 308px;">
            <div class="IBI_windowNav IBI_windowClose" title="Close"></div>
            <div class="IBI_windowNav IBI_windowMaxRestore IBI_windowMaximize" title="Restore/Maximize"></div>
            <div class="IBI_windowNav IBI_windowMinimize" title="Minimize"></div>
            <div class="IBI_windowNav IBI_windowFlipRight IBI_DisplayNone" title="Next"></div>
            <div class="IBI_windowNav IBI_windowFlipLeft IBI_DisplayNone" title="Previous"></div>
            <div class="IBI_windowNav IBI_windowNotPined" title="Pinned/Unpinned"></div>
        </div>
    </div>
    <div id="sp1com123" class="IBI_SP1Control IBI_DisplayNone ui-draggable" style="font-family: "Arial Unicode MS"; font-size: 10pt; left: 1466.5px; top: 0px;">
        <div style="border-radius: 0" class="IBI_pageHeader IBI_pageHeader_Selected">
            <div style="float: left; font-family: "Arial Unicode MS"; font-size: 10pt; background-image: none;" class="IBI_pageHeaderText"> Search/Paging</div>
            <div class="IBI_windowNav IBI_windowHome" title="Home"></div>
            <div class="IBI_windowNav IBI_windowNotPined" title="Pinned/Unpinned"></div>
        </div>
        <input class="IBI_SP1InputArea" tabindex="1000" value="" size="1" field_signature="1318412689">
        <div class="IBI_windowNav IBI_buttonNav2 IBI_settingsShow" title="Show settings"></div>
        <div class="IBI_windowNav IBI_buttonNav2 IBI_btn-reset" title="Reset All"></div>
        <div class="IBI_buttonNav IBI_btn-navigatelast" title="Last" style="visibility: visible;"></div>
        <div class="IBI_buttonNav IBI_btn-navigatenext" title="Next" style="visibility: visible;"></div>
        <div class="IBI_buttonNav IBI_btn-search" title="Search"></div>
        <div class="IBI_buttonNav IBI_btn-navigateprev" title="Previous" style="visibility: visible;"></div>
        <div class="IBI_buttonNav IBI_btn-navigatefirst" title="First" style="visibility: visible;"></div>
        <table class="IBI_DisplayNone" style="width: 100%; height: 100%; padding: 0px; font-family: "Arial Unicode MS"; font-size: 10pt;" cellspacing="0">
            <tbody>
                <tr>
                    <td nowrap="">
                        <label for="sp1_match_prefix">
                            <input id="sp1_match_prefix" tabindex="1000" type="checkbox" field_signature="4258534846">Match Prefix</label>
                    </td>
                </tr>
                <tr>
                    <td nowrap="">
                        <label for="sp1_case">
                            <input id="sp1_case" tabindex="1001" type="checkbox" field_signature="2362077941">Match Case</label>
                    </td>
                </tr>
                <tr>
                    <td nowrap="">
                        <label for="sp1_wholeword">
                            <input id="sp1_wholeword" tabindex="1002" type="checkbox" field_signature="2322550689">Match Whole Word Only</label>
                    </td>
                </tr>
                <tr>
                    <td nowrap="">
                        <label for="sp1_instantSearch">
                            <input id="sp1_instantSearch" tabindex="1003" type="checkbox" field_signature="997666457">Instant Search</label>
                    </td>
                </tr>
                <tr>
                    <td nowrap="">
                        <label for="sp1_ezconnect">
                            <input id="sp1_ezconnect" tabindex="1004" type="checkbox" field_signature="3686291459">Auto-link to selected control</label>
                    </td>
                </tr>
                <tr>
                    <td nowrap="">
                        <label for="sp1_usercontrolsselection">
                            <input id="sp1_usercontrolsselection" tabindex="1005" type="checkbox" field_signature="2649669668">Keep selected values
                        </label>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    </div>
</body>

</html>

This message has been edited. Last edited by: Hallway,

May 14, 2019, 06:31 AM

Prajakta

Thank you for the above code!
But I could see that you have taken image as a separate element in the HTML page(Kindly correct me if I am wrong).
I am not taking image as a separate element in the HTML page.

Thank you,
Prajakta

May 14, 2019, 08:35 AM

Hallway

Maybe you ought to paste your code then so we're not all guessing on what you're trying to do.

May 14, 2019, 08:37 AM

Hallway

The code above is exactly how the HTML Canvas generates the code. If you're not using the HTML Canvas as you stated, then I'm not sure what you need

May 19, 2019, 05:13 AM

Prajakta

Hello,

Thank you for the help!
I was able to hide a single calendar icon with some other method!

May 21, 2019, 10:01 AM

MartinY

quote:
Originally posted by Prajakta:
Hello,

Thank you for the help!
I was able to hide a single calendar icon with some other method!

Would be great if you can share your solution