How to hide animation in Feedback_Message.

How to hide animation in Feedback_Message.

  

Hi,

How to hide animation in Feedback_Message.

I tried this forge component and its not working. http://www.outsystems.com/forge/component/1079/feedbackmessage/ 

Hi Sekar,

You can run the following javascript to close the feedback message:

SyntaxEditor Code Snippet

"if($('.Feedback_Message_Wrapper_Close').is(':visible')) {
    $('.Feedback_Message_Wrapper_Close')[0].click();
}"

Ana Reis

Solution

Hi Sekar, 

Just as a side note, if by "hide animation" do you mean making the message appear directly without it sliding from the top, this will be very difficult (I think), because this is hard coded in the JavaScript of the component:

    RichWidgets_Feedback_Message_widget = $(feedbackWrapperId).show('slide',{direction:'up'}, 600, function(){
        var slideUp = function(){
          $(feedbackWrapperId).css("height","auto");
          $(RichWidgets_Feedback_Message_widget).hide('slide',{direction:'up'}, 500); 
          clearTimeout(RichWidgets_Feedback_Message_timerHide);
        };
        $(feedbackWrapperId).find('.Feedback_Message_Wrapper_Close').click(slideUp);
        $(feedbackWrapperId).bind('touchstart', slideUp); // mobile devices
        $(feedbackWrapperId).css("height",0);// to avoid ignoring clicks
        if (autoHide) {
          RichWidgets_Feedback_Message_timerHide = window.setTimeout(slideUp, 15000);
        }
      });

Probably you will have to clone RichWidgets and make a personalized version of the Feedback Message widget.

Cheers,
Eduardo Jauch

Solution

Eduardo Jauch wrote:

Hi Sekar, 

Just as a side note, if by "hide animation" do you mean making the message appear directly without it sliding from the top, this will be very difficult (I think), because this is hard coded in the JavaScript of the component:

    RichWidgets_Feedback_Message_widget = $(feedbackWrapperId).show('slide',{direction:'up'}, 600, function(){
        var slideUp = function(){
          $(feedbackWrapperId).css("height","auto");
          $(RichWidgets_Feedback_Message_widget).hide('slide',{direction:'up'}, 500); 
          clearTimeout(RichWidgets_Feedback_Message_timerHide);
        };
        $(feedbackWrapperId).find('.Feedback_Message_Wrapper_Close').click(slideUp);
        $(feedbackWrapperId).bind('touchstart', slideUp); // mobile devices
        $(feedbackWrapperId).css("height",0);// to avoid ignoring clicks
        if (autoHide) {
          RichWidgets_Feedback_Message_timerHide = window.setTimeout(slideUp, 15000);
        }
      });

Probably you will have to clone RichWidgets and make a personalized version of the Feedback Message widget.

Cheers,
Eduardo Jauch

Thanks Jauch