Forum Discussion

benpiddington's avatar
benpiddington
Helper
12 years ago

Creating the report inappropriate content feature for mobile

Hi,   We've been asked to re-create the report inappropriate content feature for the mobile version of our forums as the feature isn't currently available as part of the core product and we were wo...
ChiaraS's avatar
ChiaraS
Lithium Alumni (Retired)
12 years ago

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...

benpiddington's avatar
benpiddington
Helper
12 years ago

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

  • ChiaraS's avatar
    ChiaraS
    Lithium Alumni (Retired)
    12 years ago

    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

     

    • benpiddington's avatar
      benpiddington
      Helper
      12 years ago
      Thanks Chiara. We'll give that a try.

      cheers,
      Ben
    • james_scee's avatar
      james_scee
      Ace
      12 years ago
      Hi

      We've tried this, and it doesn't seem to work, any other suggestions?

      cheers
      • nlouie's avatar
        nlouie
        Adept
        11 years ago
        Hi Lithium I'm in the same boat, users get taken to the desktop skin when the click the link, where I want to keep them within the same skin. Could you help please? Best regards, Nick