Info window width question

[DVRPCfreight]

@mgula Asked: "I want the infobox_ to differ between layers. 325 pixels is wide enough for most layers, but I have a table in another layer that ideally I want to be wider than 325 pixels. Is there a way to achieve this?"

[DVRPCfreight]

This can be achieved by applying classes to the #Infobox_ element and creating a switch statement to determine the layer being highlighted. To complete this functionality you will need to change the following:

In core.js, lines 408-409:

       document.getElementById('iconography').className = window[dynIco];       
       //add switch statement and declare classes for desired layers using layerName variable
        $('#infobox_').removeClass();
        switch(layerName){
            case "layer1":
                $('#infobox_').addClass('layer1_widthClass');
                break;
            case "layer2":
                $('#infobox_').addClass('layer2_widthClass');
                break;
            default:    
        }
    }
    toggleinfo();

To ensure proper handling you will need to modify line 485 which reads:

$('#infobox_').removeClass('active').css('bottom',0);

to read

$('#infobox_').removeClass().css('bottom',0);

To set the width of the classes, add the new classes to your style.css.

#infobox_.layer1_widthClass{
    width:650px;
}
#infobox_.layer2_widthClass{
    width:450px;
}

@mgula let me know if this works as you intended

[mgula]

Sorry for the delay - yes, this works, but as I mentioned I was getting issues with the proper width being displayed when clicking from a feature to another feature in a different layer. To fix this I added:

$('#infobox_').removeClass('yourClassHere');

to the resetHighlight() method (in core.js) and it now appears to be working as intended.