none
Bing Maps v8 Ajax Control - CSS Styling of Route Directions RRS feed

  • Question

  • Hi,

    I think ideally all elements of the route directions report should be explicitly styled via the Control itself, but this is not the case: some pick up styling parameters from the website defaults.

    For example,

    1. text-align on the P tag

    2. TR tags may well have CSS properties by default, e.g. because all the tables on the website use the same striping:

    tr:nth-of-type(odd) {
        background-color: rgb(255,255,255);
    }
    tr:nth-of-type(even) {
        background-color: rgb(240,240,240);
    }

    In this example, the heading block of the route directions shows white text on a white background:

    Of course this can be changed in the website's CSS, but it should not be necessary to do so.

    JPL


    • Edited by JPL5780 Saturday, June 25, 2016 9:17 AM
    Saturday, June 25, 2016 9:15 AM

Answers

  • The dev team is aware of formatting issues with the turn by turn directions panel. This panel is reused on the Bing Maps website where it looks correct. Obviously there is some missing CSS in the SDK which the team is looking into.

    [Blog] [twitter] [LinkedIn]

    • Proposed as answer by Ricky_Brundritt Monday, June 27, 2016 9:58 PM
    • Marked as answer by JPL5780 Monday, June 27, 2016 10:09 PM
    Monday, June 27, 2016 9:58 PM

All replies

  • P.S. It is necessary to apply 

    .hoursMinsSeparator {
        padding-top: 30px;
    }

    or similar within the local CSS in order to position the ":" properly between the hours and minutes. Please see the screenshot above.

    JPL

    Sunday, June 26, 2016 11:39 AM
  • The dev team is aware of formatting issues with the turn by turn directions panel. This panel is reused on the Bing Maps website where it looks correct. Obviously there is some missing CSS in the SDK which the team is looking into.

    [Blog] [twitter] [LinkedIn]

    • Proposed as answer by Ricky_Brundritt Monday, June 27, 2016 9:58 PM
    • Marked as answer by JPL5780 Monday, June 27, 2016 10:09 PM
    Monday, June 27, 2016 9:58 PM
  • Hi,

    Thanks for your response.

    Yes, it is OK on the Maps website.  Pleased to hear the dev team is already aware.

    JPL

    Monday, June 27, 2016 10:13 PM