This discussion is archived
10 Replies Latest reply: Sep 24, 2008 8:30 PM by 660898 RSS

Jdev11g TP4 mouse over records in table wrongly highlighting records

660898 Newbie
Currently Being Moderated

I am using Jdev11g TP4. I am just starting so i create simple page with table. When I run data are showed ok just small issue is there. Everytime I move mouse over records they are getting highlighted but not always are highlighed record get back to normal. When I click particular record get highlighted but some records on the way remained highlighed. I have checked demo posted by Oracle and behaviour over there is correct. By comparing code i did not find why in my case i have those side effects.


Code for table is below.

              <af:table value="#{bindings.EmpView1.collectionModel}" var="row"
                        rows="#{bindings.EmpView1.rangeSize}"
                        emptyText="#{bindings.EmpView1.viewable ? 'No rows yet.' : 'Access Denied.'}"
                        fetchSize="#{bindings.EmpView1.rangeSize}"
                        filterModel="#{bindings.EmpView1Query.queryDescriptor}"
                        queryListener="#{bindings.EmpView1Query.processQuery}"
                        filterVisible="true" varStatus="vs"
                        selectedRowKeys="#{bindings.EmpView1.collectionModel.selectedRow}"
                        selectionListener="#{bindings.EmpView1.collectionModel.makeCurrent}"
                        rowSelection="single" rowBandingInterval="1"
                        allDetailsEnabled="true" id="tbl1">
Thanks for help


Robert

  • 1. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    638522 Explorer
    Currently Being Moderated
    Could you provide the browser/version you are testing with ?
  • 2. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    660898 Newbie
    Currently Being Moderated
    I am sorry. I have missed that. I am using IE 7.0.5730.13 and also Firefox 3.0.1 - in both browsers behaviour is same.
    Robert
  • 3. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    PaKo Explorer
    Currently Being Moderated
    Hi!

    Your table is very complex. You have set almost all features (filtering, selection, details stamping, banding...) so I suppose that something gets broken (it is still TP you are using). Try dropping some of advanced features one by one (filtering, details, banding...) and try to see if it get's to work as supposed. I guess that to much features enabled on the table makes some client-side interference among the scripts and you see the result. My blind guess is banding option... but would like to see your feedback - we all can learn from it.


    Regards,

    PaKo
  • 4. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    660898 Newbie
    Currently Being Moderated
    Hi,
    I have tried to reduce items but after sometime i have give up. Instead I have tried to create very simple table - thinking that at least there I can confirm that I am getting somewhere but to my surprise - I am not getting anywhere. Still even code below is performing highlight coloring of records when I am moving mouse over records in table. How to completly switch that coloring? For me is enough to have only selected row highlighted. I am sure it is just some switch/setup but not clear where. I have listed whole JSF page below maybe there are some information above table that are affecting that.

    <?xml version='1.0' encoding='windows-1252'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
      <jsp:directive.page contentType="text/html;charset=windows-1252"/>
      <f:view>
        <af:document>
          <af:messages/>
          <af:form>
            <af:table value="#{bindings.EmpView1.collectionModel}" var="row"
                      rows="#{bindings.EmpView1.rangeSize}"
                      emptyText="#{bindings.EmpView1.viewable ? 'No rows yet.' : 'Access Denied.'}"
                      fetchSize="#{bindings.EmpView1.rangeSize}"
                      rowSelection="single">
              <af:column
                         headerText="#{bindings.EmpView1.hints.Ename.label}">
                <af:outputText value="#{row.Ename}"/>
              </af:column>
              <af:column
                         headerText="#{bindings.EmpView1.hints.Empno.label}">
                <af:outputText value="#{row.Empno}">
                  <af:convertNumber groupingUsed="false"
                                    pattern="#{bindings.EmpView1.hints.Empno.format}"/>
                </af:outputText>
              </af:column>
            </af:table>
          </af:form>
        </af:document>
      </f:view>
    </jsp:root>
  • 5. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    660898 Newbie
    Currently Being Moderated
    Hi,
    I have investigated page source and find command/switch below that sounds like one I am trying it switch off but not clear where it is coming from
    af|table-tr-hover-highlight-row":"true"
    {code}
    
    Here is portion of source where it is used
    {code}
    AdfDhtmlLookAndFeel.addSkinProperties({"af|messages::message-group-title":"xwa","af|message::summary":"xwf","af|message::intro":"xwh","af|messages::intro":"xw9","af|message::type":"xwe","af|messages::component-link":"xe2","af|messages::summary":"xwi","af|table-tr-hover-highlight-row":"true","af|panelWindow-tr-open-animation-duration":"300","af|messages::message-group-type-separator":"xwb","af|message::detail":"xwg","af|messages::header-text":"xw8",".AFNoteWindow-tr-open-animation-duration":"200","af|messages::detail":"xwj"});
    {code}
    
     Robert                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
  • 6. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    hofespet Journeyer
    Currently Being Moderated
    Hello Robert,

    af|table-tr-hover-highlight-row":"true" --> This comes from oracle default skin.
    If you want to change this you need to extend (or overrule) the default skin by a custom skin.

    regards
    Peter
  • 7. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    660898 Newbie
    Currently Being Moderated
    Hi Peter,
    Thanks for tip but I have not find in documentation in skining section what is availabel and how i can customize. Could you provide exact info on how to change particular skiing for me?

    Thanks Robert
  • 8. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    PaKo Explorer
    Currently Being Moderated
    Hi!



    Hm, to me it looks like some problem with client-side scripting or css style layering (somehow the browser don't detect exit from row - probably because of fast mouse moving speed).



    Next things that crosses my mind:

    1. check if you have some client-script error (if you inserted any "strange" components or your own clint-side script, no matter if it is not related to table directly) - in IE 7 see if in lower left corner you have error icon.

    2. check if your anitivirus is probably interfering with client-side scripting.

    3. try adding IDs to all components in your page (template, table,... all naming containers around table) and set clientComponent=true on table.



    Regards,



    PaKo
  • 9. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    hofespet Journeyer
    Currently Being Moderated
    Hello Robert,

    A very good example of available skinnings is the following adffacesdemo.
    Just download and run it in Jdeveloper.
    http://www.oracle.com/technology/products/adf/adffaces/11/doc/demo/adf_faces_rc_demo.html

    Other sources (but not all skinable components and details may be documented there):
    http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
    http://myfaces.apache.org/trinidad/skin-selectors.html

    regards
    Peter
  • 10. Re: Jdev11g TP4 mouse over records in table wrongly highlighting records
    660898 Newbie
    Currently Being Moderated
    Hi Peter,
    Thanks for hints. I have checked demo online and it works like I need so I download and register it in my Jdeveloper.
    After I started - it works i do not want - same behaviour. I have started to search in Oracle jar files for clues and find following jar

    adf-richclient-impl-11-otn4-SNAPSHOT.jar with file richcomponents-simple-desktop.css containing code I am was looking for
     af|table {
      border: 1px solid #636661;
      -tr-rule-ref: selector(".AFLightAccentBackground:alias");
      overflow:hidden;
      position:relative;
      width: 300px;
      height: 300px;
      -tr-border-left-width: 0;
      -tr-border-right-width: 1;
      -tr-padding-left-width: 1;
      -tr-padding-right-width: 1; 
      -tr-detail-animation-duration: 400;
      -tr-hover-highlight-row: true;
    }  
    From this point it was easy. I follow oracle document - Web User Interface Developer’s Guide for Oracle Application Development Framework to register new skin.
    I have prepared my own CSS file like one below
      af|table {
      -tr-hover-highlight-row: false;
      } 
      
    and start application - behaviour was that there was no more highlighting when i move mouse over records - exactly as i want ;-). If there will be more info
    in Jdeveloper help - reference - Oracle ADF Faces - Selectors for Skinning Fusion's ADF Faces Components for af|table i will probably find it sooner.

    Thanks again for help
    Robert

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points