Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jul 2011
    Location
    Holland
    Posts
    97
    Answers
    2
    Vote Rating
    0
    mrduck is an unknown quantity at this point

      0  

    Default Answered: Legend on multiple lines

    Answered: Legend on multiple lines


    Good day,

    I've got a legend with quite a few kind of fields. I want the legend in the bottom. Right now it just puts all the fields next to each other, even when it doesn't fit on the screen. I'd like that it will show next to each other, until it doesn't fit on the screen anymore; then it needs to continue on the next line.

    I've included a Photoshoped image. The top legend is the default Charts display method. The bottom is what I'd like too.

    I tried to modify the CSS. But that didn't work out for so far.


  2. Ok, I figured it out. I was able to to this by adding a CSS class to the legend.

    Code:
    legend: true,
    cls: 'legend3Lines'
    The class CSS looks like this. It overwrites some stock CSS values. You might want to changed the values of the last class to fit your legend. The sizes are fixed in CSS and not dynamic.
    PHP Code:
    .legend3Lines .x-legend .x-legend-items {    
         
    display:inline-block !important;    
    }

    .
    legend3Lines .x-legend .x-legend-item {
         
    floatleft !important;
         
    width:205px !important;    
         
    overflowhidden;
    }

    .
    legend3Lines .x-legend {    
         
    height:110px !important;    
         
    width:635px !important;    


  3. #2
    Sencha User
    Join Date
    Jul 2011
    Location
    Holland
    Posts
    97
    Answers
    2
    Vote Rating
    0
    mrduck is an unknown quantity at this point

      0  

    Default


    Ok, I figured it out. I was able to to this by adding a CSS class to the legend.

    Code:
    legend: true,
    cls: 'legend3Lines'
    The class CSS looks like this. It overwrites some stock CSS values. You might want to changed the values of the last class to fit your legend. The sizes are fixed in CSS and not dynamic.
    PHP Code:
    .legend3Lines .x-legend .x-legend-items {    
         
    display:inline-block !important;    
    }

    .
    legend3Lines .x-legend .x-legend-item {
         
    floatleft !important;
         
    width:205px !important;    
         
    overflowhidden;
    }

    .
    legend3Lines .x-legend {    
         
    height:110px !important;    
         
    width:635px !important;    


Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi