1. #1
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Vote Rating
    3
    Answers
    3
    clifficious is on a distinguished road

      1  

    Default Unanswered: Window Frame Ext JS 4.2 Neptune Theme

    Unanswered: Window Frame Ext JS 4.2 Neptune Theme


    Hi,

    I'm having an issue when rendering a window on my web application.
    Code:
            var pop = Ext.create('Ext.window.Window',{
                title: 'hello',
                html: 'foobar rockz',
                frame: false, // does not help
                border: false, // does not help either
                
                width: 200,
                height: 200
            });
            pop.show();
    Bildschirmfoto 2013-03-19 um 14.53.45.png
    The Window looks like this.
    Now how do I get rid of the Borders? And more important..how do I get rid of that ugly white border line in the header (left, top and right)?

    I can't use anything else like a panel, as I'm extending some other code that uses the window.

    Thanks in advance!

  2. #2
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Vote Rating
    3
    Answers
    3
    clifficious is on a distinguished road

      0  

    Default


    nobody an idea? This issue is really getting me mad.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    8
    Vote Rating
    1
    svignesh is on a distinguished road

      0  

    Default


    I suggest you can override the css provided by the Extjs, by adding your own custom css.

  4. #4
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Vote Rating
    3
    Answers
    3
    clifficious is on a distinguished road

      0  

    Default


    not sure if that is gonna solve the problem. But I'll give it a try.

    Thanks anyway.

    I was just curios, why something like 'frame : false' is being ignored.

  5. #5
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Vote Rating
    3
    Answers
    3
    clifficious is on a distinguished road

      1  

    Default


    I found out, that it is the box-shadow in
    Code:
    .x-window-header-default-top
    Is there a way to get rid of that by config? Or is overriding the css the only option?

  6. #6
    Sencha User
    Join Date
    Feb 2012
    Posts
    4
    Vote Rating
    2
    Waltzy is on a distinguished road

      0  

    Default


    I'm also having this issue, Has anyone resolved this?

  7. #7
    Sencha User
    Join Date
    Feb 2012
    Posts
    4
    Vote Rating
    2
    Waltzy is on a distinguished road

      0  

    Default


    This issue seems to be caused when you use

    Code:
    Ext.util.CSS.swapStyleSheet("theme","/ext-4.2.0.663/resources/css/ext-all-neptune.css")
    to switch the theme, while. loading the degug-all.css classic css in your html,

    including the Neptune CSS via the html and removing the classic one fixes this issue:

    Code:
    <link rel="stylesheet" href="/ext-4.2.0.663/resources/css/ext-all-neptune.css">

  8. #8
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Vote Rating
    3
    Answers
    3
    clifficious is on a distinguished road

      0  

    Default


    did you completely remove the classic theme?

    I created my own custom neptune theme following the guide and that resolved the problem as well.

Thread Participants: 2

Tags for this Thread