dynamic tables in tooltips and styles

2 posts, 0 answers
  1. kieran
    kieran avatar
    19 posts
    Member since:
    Jul 2006

    Posted 06 Feb 2009 Link to this post

    hi

    i am using clientShow to intercept the display of a tooltip, I am extracting data from a js array help on the page to create a details tooltip - it is required to display x number of columns of data - thee dats must be aligned as you would see in a table or grid. I acheieved the required look in FF3 using divs with display:inline-block however Ie doesn't recognise this so now  have to create tabels on the fly and pass this text to set_text. this works fine however getting very flaky results when attempting to apply styles to the table

    Style is

    .hint
    {
      background-color : blue;!important;
      border-bottom: 1px solid gray; !important;
      margin: 5px;!important;
    }

    However while the bottom border is picked up neight the color or margin is being picked - am i missing something?  The style is applied to each cell - I attempted to apply a style to each element ie
    table.hint
    table.hint.tr
    table.hint.td
    only the row style was being picked up

    thanks
    Kieran


     


  2. Tervel
    Admin
    Tervel avatar
    1337 posts

    Posted 10 Feb 2009 Link to this post

    Hi Kieran,

    If you need to apply the .hint class to TDs, TRs, and the TABLE element itself, you need to slightly change your css declarations. Currently you "glue" those together, which is not correct for your scenario. Here is how you should change those instead:
    table.hint,
    table.hint tr,
    table.hint td

    {
       //CSS goes here
    }

    In any case, our suggestion is, if you experience any problem, to first get your CSS style properly a test TABLE that is on the page and outside of the RadToolTip. Once you have it looking as expected, it should look good into the tooltip as well.


    Best wishes,
    Tervel
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top