Creating the report inappropriate content feature for mobile

You can use the http.request context object to get the parameters used on the request:

http://lithosphere.lithium.com/t5/developers-knowledge-base/Context-objects-for-custom-components-http-request/ta-p/9323

For example:

${http.request.parameters.name.get("page", 1)}

 One other thing you might want to look into is that there's a REST API method for reporting abuse. It's the "moderation/abuse/report" method in the Message class:

/restapi/vc/messages/id/1271/moderation/abuse/report

 I hope this helps!

Hi,

please note that you can also reuse the default component for that (see comment on this idea: http://lithosphere.lithium.com/t5/customer-ideas/Add-Report-Inappropriate-Content-Button-to-Mobile/idi-p/30961).

The way we did it for another customer was:

• create a custom component "report-abuse-mobile":
  

  <#if page.name == "MobileForumTopicPage" || page.name == "MobileBlogArticlePage" || page.name == "MobileIdeaPage">
  <@component id="forums.action.report-abuse"/>
  </#if> 

• add the custom component to the footer of the following quilts: SimpleBlogMessage, SimpleForumMessage, SimpleIdeaMessage

You may need to adjust the instructions based on the interaction styles you need to support, and the mobile skin css for the button style...

Would this work in the Idea Exchange as well? 

If you mean having the Report Content button on the Idea Message, yes that's added as well with the above instructions.

You can see an example here: http://community.giffgaff.com/t5/Help-Support/Is-my-data-roaming-on-or-off/m-p/8840968

Thanks for the reply! I mean in the Idea Exchange so your example would be here: http://community.giffgaff.com/t5/Submit-Great-giffgaff-Ideas/Ease-of-use-to-customers/idi-p/8844972

I can see the "Report Content" option in Topic Options but not on the "idea" post or subsequent comments.

It should be possible to add the button to the comment messages as well, by adding the "report-abuse-mobile" custom component to the "SimpleCommentMessage" quilt (that's used for Blog as well), and adjust the css styling.

I did a quick test and seems to work, but it would require some more testing to confirm it's really working as expected. 

Great! Thanks for your help :)

Hi Chiara,

Hi Chiara,

We've started work on implementing this, but have found that when clicking on the link, the Notify Moderator page shows the full skin rather than the mobile skin. Should the mobile skin be displayed on this page, or do we need to create a mobile version of this page?

thanks,

Ben

Hi,

forgot about that. We did a workaround for that problem, by replacing the Header and Footer on the "Notify Moderator Page" quilt with custom components:

NotifyModeratorPageHeader

<#if clientDevice.mobile>
<@component id="mobile.widget.mobile-header"/>
<#else>
<@component id="quilt:Header"/>
</#if>

 NotifyModeratorPageFooter

<#if clientDevice.mobile>
    <@component id="quilt:MobileFooter"/>
<#else>
    <@component id="quilt:Footer"/>
</#if>

The following css should also be added to the mobile skin:

#lia-body.NotifyModeratorPage .MinimumWidthContainer {
	min-width: 0;
}
#lia-body.NotifyModeratorPage .MinimumWidthContainer .lia-content {
	width: 100%;
}

Cheers,
Chiara