This discussion is archived
7 Replies Latest reply: Sep 24, 2013 11:29 AM by user501417 RSS

shortDesc of disabled af:inputText won't appear when mouseover

user501417 Newbie
Currently Being Moderated

Hi,

 

I have an af:inputText with shortDesc = "xxx" defined in the page.  When mouse over the inputText, the hintText/shortDesc is displayed.  However, if inputText is set as disabled, the shortDesc won't appear if mouseover.  We have a requirement that needs to show the shortDesc to the user even if the inputText is disabled.  How to achieve this?

 

Please advise.

 

Thanks

-Mina

  • 1. Re: shortDesc of disabled af:inputText won't appear when mouseover
    Cvele_new_account Expert
    Currently Being Moderated

    Hi,

    On the inputText, you can attach showPopupBehaviour with triggerType="mouseHover". Just put your message on the popup:

     

    <af:showPopupBehavior popupId="notePop" triggerType="mouseHover"

                                                 align="endAfter" ..../>

  • 2. Re: shortDesc of disabled af:inputText won't appear when mouseover
    user501417 Newbie
    Currently Being Moderated

    I tried your suggestion, but didn't work:

     

    When af:inputText disabled='true', showPopupBehavior won't get triggered.  Any other suggestions?

     

    <af:inputText label="Testing"

                                                                                            id="it17" value="Hello"

                                                                                            disabled="true">

                                                                                <af:showPopupBehavior triggerType="mouseHover"

                                                                                                      popupId="p16"

                                                                                                      align="beforeStart"/>

                                                                            </af:inputText>

                                                                            <af:popup childCreation="deferred"

                                                                                      autoCancel="disabled"

                                                                                      id="p16">

                                                                                <af:outputText value="outputText186"

                                                                                               id="ot153"/>

                                                                            </af:popup>

     

    Thanks

    -Mina

  • 3. Re: shortDesc of disabled af:inputText won't appear when mouseover
    hamedrokni Newbie
    Currently Being Moderated

    hi,

    your button disable before load page or not?

  • 4. Re: shortDesc of disabled af:inputText won't appear when mouseover
    user501417 Newbie
    Currently Being Moderated

    It's not button, it's af:inputText.  It was disabled when pageload:  So is it true that showPopupBehavior doesn't work when inputText is disabled?

     

    <af:inputText label="Testing"

                                                                                            id="it17" value="Hello"

                                                                                            disabled="true">

                                                                                <af:showPopupBehavior triggerType="mouseHover"

                                                                                                      popupId="p16"

                                                                                                      align="beforeStart"/>

                                                                            </af:inputText>

                                                                            <af:popup childCreation="deferred"

                                                                                      autoCancel="disabled"

                                                                                      id="p16">

                                                                                <af:outputText value="outputText186"

                                                                                               id="ot153"/>

                                                                            </af:popup>

     

    Thanks

    -Mina

  • 5. Re: shortDesc of disabled af:inputText won't appear when mouseover
    Cvele_new_account Expert
    Currently Being Moderated

    Try to remove autoCancel="disabled' and childCreation deffered from the popup

  • 6. Re: shortDesc of disabled af:inputText won't appear when mouseover
    Durairaj Newbie
    Currently Being Moderated

    Hi,

     

              You can use java script to display the short desc as below,

    add client listener to af:input text

    {code}

    <af:clientListener method="showShortDesc" type="mouseOver"/>

    {code}

    and java script method is

     

         {code}

    function showShortDesc(actionEvent)

    {

      actionEvent.cancel();

      var eventSource = actionEvent.getSource();

      var popup = eventSource.findComponent("popup");

      popup.show({align:AdfRichPopup.ALIGN_AFTER_START, alignId:eventSource.getClientId()});

    }

    {code}

    and the popup is

    {code}

    <af:popup id="popup" contentDelivery="immediate">

      <af:panelGroupLayout layout="vertical" inlineStyle="width: 250px;" id="pgSDId">

        <af:outputText value="Here Show your short Desc" id="sDsId"/>

      </af:panelGroupLayout>

    </af:popup>

    {code}

  • 7. Re: shortDesc of disabled af:inputText won't appear when mouseover
    user501417 Newbie
    Currently Being Moderated

    By removing autoCancel="disabled' and childCreation deferred from the popup, it works.  I also found that there is "context" facet in inputText that actually meets my requirement.  So I am trying to use context facet like this:

     

    <af:inputText label="Testing"

                                                                                            id="it17" value="Hello"

                                                                                           required="true"

                                                                                            disabled="true">

                                                                         

                                                                                <f:facet name="context">

                                                                                      <af:contextInfo id="contextInfo2">

                                                    

                                                     <af:showPopupBehavior align="beforeStart" popupId="p16"

                                                  triggerType="mouseHover"/>

                                                  </af:contextInfo>

                                                                                </f:facet>

                                                                            </af:inputText>

                                                                         

                                                                            <af:popup

                                                                                      id="p16">

                                                                                <af:outputText value="outputText186"

                                                                                               id="ot153"/>

                                                                            </af:popup>

     

    Thanks for all your suggestions.

Legend

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