1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default Framed panel not applying theme

    Framed panel not applying theme


    I have been using the FramedPanel in GXT v3 and the table layout is great. However my application is grey and it seems that the Framed Panel is not applying the theme that is through out my application.

    We could really do with a fix to this.

    Damion
    Attached Images

  2. #2
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,640
    Vote Rating
    80
    Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice

      0  

    Default


    The Gray theme isn't available in 3.0.0, but will be in the next version. If you are building from SVN, please post how you created the FramedPanel to have it still be blue while the Window is gray - or are you mixing 2.x and 3.x?

    Please follow the bug thread for more information:

    http://www.sencha.com/forum/showthre...082-gray-theme

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default Mixture of 2.x and 3.x

    Mixture of 2.x and 3.x


    are you mixing 2.x and 3.x?

    yes we wrote the application originally in 2.x but when 3.x was release I realised that the FramedPanel would be useful for our search arguments on various windows.

    Is there a way I can force the FramedPanel to be grey?

    I had seen that thread and you will find I posted on it back in May. However this is becoming very important and nobody had commented on the thread in Months. There has not even been a response to my comment on the time frame of the fix.

    Damion

  4. #4
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,640
    Vote Rating
    80
    Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice

      0  

    Default


    The last three posts were less than a week ago - the nightly build of the explorer can be seen at http://staging.sencha.com:8080/examp...lorerGray.html

    If you have a support subscription you can download the latest from SVN and enable the gray theme by adding it to your .gwt.xml file:

    Code:
    <inherits name="com.sencha.gxt.theme.gray.Gray" />
    Otherwise you'll either need to wait for the next release version, or try implementing your own appearance to have a gray subclass of FramedPanelBaseAppearance.

  5. #5
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default Not fixed

    Not fixed


    I have upgraded to v3.0.1 and the FramedPanel is still showing in blue despite my theme being grey

  6. #6
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,640
    Vote Rating
    80
    Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice

      0  

    Default


    DamionS: Can you show the basic code you are using to create the FramedPanel, as well as your module? There are several possible things that could be wrong, but without seeing exactly what you have put together, it is hard to point at a single thing.

    Several 3.0.1 examples use the gray threme with FramedPanel, including http://www.sencha.com/examples/#Exam...ropertybinding - try running that entrypoint with your module to see if it works.

  7. #7
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default Our code

    Our code


    I am not completely happy exposing my module on a forum as it would expose our WARP call. The code constructing the framed panel is a copy of http://www.sencha.com/examples/#Exam...:advancedforms as I need the table layout.

    The construction of the framed panel uses this code

    final FramedPanel panel = new FramedPanel();
    panel.setHeight(searchArgsHeight);
    panel.setHeaderVisible(false);


    String tableMarkup = getTableMarkup();


    HtmlLayoutContainer con = new HtmlLayoutContainer(tableMarkup);
    panel.setWidget(con);


    trackName = new TextField<String>();
    trackName.setWidth(cw);
    con.add(new FieldLabel(trackName, JumpText.TRANSLATEDCONSTS.trackName()),
    new HtmlData(".trackName"));


    artistName = new TextField<String>();
    artistName.setWidth(cw);
    con.add(new FieldLabel(artistName, JumpText.TRANSLATEDCONSTS
    .artistName()), new HtmlData(".artistName"));


    Validator validator = new AtLeastOneValueValidator(
    Arrays.asList(new TextField[] { trackName, artistName }),
    JumpText.TRANSLATEDCONSTS.trackSearchEnterValidation());
    trackName.setValidator(validator);
    artistName.setValidator(validator);


    ButtonBar bthPanel = new ButtonBar();


    reset = new TextButton(JumpText.TRANSLATEDCONSTS.reset());
    reset.setEnabled(false);
    bthPanel.add(reset);
    reset.addSelectHandler(new SelectHandler() {
    @Override
    public void onSelect(SelectEvent event) {
    doReset();
    }
    });


    search = new TextButton(JumpText.TRANSLATEDCONSTS.search());
    search.addSelectHandler(new SelectHandler() {
    @Override
    public void onSelect(SelectEvent event) {
    doSearch();
    }
    });


    search.setBorders(false);


    bthPanel.add(search);


    con.add(bthPanel, new HtmlData(".buttons"));


    // need to call after everything is constructed
    List<FieldLabel> labels = FormPanelHelper.getFieldLabels(panel);
    for (FieldLabel lbl : labels) {
    lbl.setLabelAlign(LabelAlign.TOP);
    }


    return panel;

    Where getTableMarkUp looks like
    private native String getTableMarkup() /*-{
    return [
    '<table width=100% cellpadding=0 cellspacing=0>',
    '<tr><td class=trackName width=50%></td><td class=artistName width=50%></td></tr>',
    '<tr><td class=releaseName width=100%></td></tr>',
    '<tr><td class=buttons width=100%></td></tr>', '</table>' ]
    .join("");
    }-*/;

    I have discovered that adding bgcolor="#f0f0f0" make the colour correct for the panel but the borders remain blue (see attachment).



    I do not use UIbinding as these object were written in v2.5 but I notice in http://www.sencha.com/examples/#Exam...e:formsexample that you have added panel.setBodyStyle("background: none; padding: 5px"); which make sense to me as it is only the borders that a re blue in the attachment which suggests it is the border images that are remaining blue. However this had no effect for me
    Attached Images

  8. #8
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default Here is a simpler example

    Here is a simpler example


    In the attachment you can see we have a simple framed panel to align the play stop etc buttons horizontally. The code for the button panel is

    private void addButtons() {
    controlBtns = new FramedPanel();
    controlBtns.setButtonAlign(BoxLayoutPack.CENTER);
    controlBtns.setHeaderVisible(false);
    controlBtns.setWidth(150);

    AbstractImagePrototype previousTrackImage = Resources.ICONS.previous();
    previous = new Button(null, previousTrackImage,
    new SelectionListener<ButtonEvent>() {


    @Override
    public void componentSelected(ButtonEvent ce) {
    TrackObj previousTrack = getPreviousTrack();


    if (previousTrack != null) {
    setTrackObj(previousTrack, allTracksRetrieved);


    toggleNextandLastBtns();
    } else {
    // this should not happen now
    resetPlayer();
    }
    }
    });
    controlBtns.addButton(previous);


    pauseImage = Resources.ICONS.pause();
    playImage = Resources.ICONS.playBlue();
    // we start playing on open so initialise to true
    playing = true;
    pauseOrPlayBtn = new Button(null, pauseImage,
    new SelectionListener<ButtonEvent>() {


    @Override
    public void componentSelected(ButtonEvent ce) {
    if (playing) {
    pause();
    } else {
    setPosition(currentTrackPosition);


    play();
    }


    togglePlayAndPause();
    }
    });
    controlBtns.addButton(pauseOrPlayBtn);


    AbstractImagePrototype stopImage = Resources.ICONS.stop();
    stop = new Button(null, stopImage,
    new SelectionListener<ButtonEvent>() {


    @Override
    public void componentSelected(ButtonEvent ce) {
    ((FullTrackPlayback) ToolRegistry.flashFullTrack
    .get(ToolRegistry.FLASH_FULL_TRACK_PLAYER))
    .stop();
    // set playing true as the track may be paused
    playing = true;
    currentTrackPosition = 0;
    togglePlayAndPause();
    }
    });


    controlBtns.addButton(stop);


    AbstractImagePrototype nextTrackImage = Resources.ICONS.next();
    next = new Button(null, nextTrackImage,
    new SelectionListener<ButtonEvent>() {
    @Override
    public void componentSelected(ButtonEvent ce) {
    System.out.println("Next button pressed");
    TrackObj nextTrack = getNextTrack();


    if (nextTrack != null) {
    setTrackObj(nextTrack, allTracksRetrieved);


    toggleNextandLastBtns();
    } else {
    resetPlayer();
    }


    }
    });


    controlBtns.addButton(next);


    toggleNextandLastBtns();
    cp.add(controlBtns);
    }

    the import for the framed panel is import com.sencha.gxt.widget.core.client.FramedPanel;

    I would be happy to email you this class if you would like.
    Attached Images

  9. #9
    Sencha User
    Join Date
    Oct 2011
    Posts
    19
    Vote Rating
    0
    DamionS is on a distinguished road

      0  

    Default To add another point

    To add another point


    I find it very worrying that the overview on the examples you use to prove that the grey theme is being applied, are also showing in blue.

    http://www.sencha.com/examples/#

    M
    ay I suggest that you start looking here as the source of you issue

  10. #10
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,640
    Vote Rating
    80
    Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice Colin Alworth is just really nice

      0  

    Default


    I don't see any blue FramedPanels on that page - only the thumbnails, which are just images, not real widgets have blue in them, while the real widgets like in http://www.sencha.com/examples/#Exam...istviewbinding and http://www.sencha.com/examples/#ExamplePlace:cellgrid show gray headers.

    Most theme configuration is done in the module file - the only configuration that you can do without the module file is to specifiy an alternate theme on a case-by-case basis, which I can see from your code that you haven't done. Typically this is a misordering of the GXT and Gray modules, though there are other ways that individual themed elements can be misdrawn.

    If you would like to privately share your module files, I'd suggest opening a support ticket - you can attach files there where only Sencha support employees can see them. We'll be happy to take a deeper look at your project to find where the bug might be.

    For now, I've attached a sample Module file as well as an entrypoint, showing your basic layout rendered in gray. I cannot use most of your code, as there is no where near enough for me to work from - lots of missing arguments/fields, resources, classes/methods. Additionally, it appears you are mixing and matching 2.x and 3.x code - in 3.x, there is no generic arguments on the TextField class. Perhaps this will help until such a time as we can see the rest of your code.
    Attached Files

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar