1. #1
    Ext User deanna's Avatar
    Join Date
    Aug 2007
    Location
    Alabama
    Posts
    306
    Vote Rating
    0
    deanna is on a distinguished road

      0  

    Default Borders, Components, and maybe 3.0

    Borders, Components, and maybe 3.0


    In my current project I am finding a need to wrap component level items with rounded borders. I know this doesn't come in the hierarchy till Window, but is there any chance that Borders have been moved to component in 3.0? If not is there by any chance a border decorator object that can apply to anything inherited from component? (If not I know my next subproject)

    PS The current client of mine isn't going to purchase the license until after the 3.0 release, so I can't check myself.

    Thanks
    Deanna

  2. #2
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    5
    mjlecomte will become famous soon enough mjlecomte will become famous soon enough

      0  

    Default


    I think you'll just need to skin the css as you want it.

  3. #3
    Ext User deanna's Avatar
    Join Date
    Aug 2007
    Location
    Alabama
    Posts
    306
    Vote Rating
    0
    deanna is on a distinguished road

      0  

    Default


    Quote Originally Posted by mjlecomte View Post
    I think you'll just need to skin the css as you want it.
    That is what I would like, but Ext.Component/BoxComponent/Container does not a DOM model until the user adds them. But What I need is the 9 point border div's that Ext.Window provides - but I don't want all the overhead of a window, just needs to be a simple Component. If there were a decorator class that could decorate Ext.Component and its ancestors that would do the job, or if Ext.Component had an option to generate the border that would work too. That is what I was asking if anything like that is in 3.0.

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,498
    Vote Rating
    46
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    frame: true is at the Panel level.

    But I rarely use it. In a Viewport based application, you don't put fat, graphicy frames round the regions. For a start, frames in a layout looks weird. I see people do it here, and I reckon it looks weird.

    And for another thing, screen real estate is at a premium in our app. We shoehorn a lot of data into the screen, I really don't want application chrome taking up more space than is necessary to describe the app.

  5. #5
    Ext User deanna's Avatar
    Join Date
    Aug 2007
    Location
    Alabama
    Posts
    306
    Vote Rating
    0
    deanna is on a distinguished road

      0  

    Default


    Quote Originally Posted by Animal View Post
    frame: true is at the Panel level.

    But I rarely use it. In a Viewport based application, you don't put fat, graphicy frames round the regions. For a start, frames in a layout looks weird. I see people do it here, and I reckon it looks weird.

    And for another thing, screen real estate is at a premium in our app. We shoehorn a lot of data into the screen, I really don't want application chrome taking up more space than is necessary to describe the app.
    I know animal, but when you get comps from a client you do as they ask. There are times when it is what is needed.

    Panel is lighter than Window, but still not as light as a BoxComponent when all you need is a rounded border around a paragraph of text.

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,498
    Vote Rating
    46
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Actually, I think I've written a basic Box class which has none of the weight of Panel, but is just a BoxComponent with autoEl: 'div' who's onRender calls this.el.boxWrap()

  7. #7
    Sencha User pieturp's Avatar
    Join Date
    Oct 2007
    Location
    The Netherlands
    Posts
    36
    Vote Rating
    0
    pieturp is on a distinguished road

      0  

    Default


    Aren't you looking for el.BoxWrap() ?

  8. #8
    Ext User deanna's Avatar
    Join Date
    Aug 2007
    Location
    Alabama
    Posts
    306
    Vote Rating
    0
    deanna is on a distinguished road

      0  

    Default


    Quote Originally Posted by pieturp View Post
    Aren't you looking for el.BoxWrap() ?
    I never thought of looking for it at the Element level, not the most intuitive spot to find it. I'm not at my development computer now. Does that create a 9 point border box?

  9. #9
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    5
    mjlecomte will become famous soon enough mjlecomte will become famous soon enough

      0  

    Default


    Code:
    // special markup used throughout Ext when box wrapping elements
    Ext.Element.boxMarkup = 
        '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div>
         <div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div>
         <div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';

  10. #10
    Ext User deanna's Avatar
    Join Date
    Aug 2007
    Location
    Alabama
    Posts
    306
    Vote Rating
    0
    deanna is on a distinguished road

      0  

    Default


    Thanks MJ, Animal, and Pieturp I'll put that to good use. There all the time and I couldn't find it. I was looking in the higher level hierarchy, and since Component has an Element but doesn't inherit from it I didn't think to go there. You work with something for a year, and think you know it and find you can still be surprised.

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..."