How to work with Feed / Forum Module Extra HTML Header?

Discussion in 'Frequently Asked Questions' started by appyet, Feb 13, 2015.

  1. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    AppYet append Extra HTML Header right before </header> tag.

    Attached html.zip is html asset used in Article styling.
    Attached Example.zip is real example of html content right before sending it to webview for rendering.

    You can do anything you like with jquery or CSS. Except, don’t change the background color. Due to multiple Android version compatibility issue. we have to hard wire background color not only on CSS also on View control. If background color changed in CSS and it doesn’t match View control color, it could cause flicker on some devices during swipe animation
     

    Attached Files:

    #1
    ahmad likes this.
  2. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    are these files updated to the v3.1 ?
     
    #2
  3. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    not yet, we copied from old blog FAQ section. will update it as soon as we release final version of 3.1
     
    #3
  4. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    The final version is here, please update these codes. thank you.
     
    #4
  5. beautiheart

    beautiheart Member

    Joined:
    Feb 3, 2015
    Messages:
    72
    Likes Received:
    6
    @appyet
    hi,
    those files are updated to v3.1.1 ?
     
    #5
  6. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    I have the same question...
     
    #6
  7. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    not up to date yet, will try to update it soon
     
    #7
  8. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    Updated with latest html.zip. it also include forum style resource. will add HTML Extra Header to Forum module in upcoming releases to allow customization
     
    #8
    Salvatore likes this.
  9. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    @appyet please post the HTML code of the a feed module for youtube. the example HTML only shows articles HTML code.

    I want to know the "class name" that contains the video description.
    Code:
    <media:description type='plain'>...</media:description>
     
    #9
    Last edited: Feb 25, 2015
    nichi and LCallaghan84 like this.
  10. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    I founded a solution to hide the video description on the youtube feed using CSS to bypass the elements returned from "webview.js". I posted the code here to help anyone who's looking for something similar:

    Code:
    <style>
    p:first-of-type {visibility:visible !important;}
    p:nth-of-type(2) {visibility:visible !important;width:300px;}
    a > img.appyet_youtubeimg {visibility:visible !important; width:150px;}
    p {visibility:hidden;}
    </style>
     
    #10
    Salvatore likes this.
  11. Salvatore

    Salvatore Member

    Joined:
    Feb 3, 2015
    Messages:
    149
    Likes Received:
    23
    but only works to hide the outline of the video in youtube?
    or also to hide the description of the other types of feed?
    type how do you hide description in the photos, or podcast?
     
    #11
  12. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    No for podcast the code will be a little different, I don't have any podcasts on my app so i don't know the podcast feed code.

    send me a screenshot of your podcast (example) along with the feed link to check it's code and get back to you.
     
    #12
  13. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    @appyet what is the jQuery version you are using inside AppYet ?
     
    #13
  14. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    jquery-1.8.3.min.js
     
    #14
  15. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    can you update it to 1.9.1 ?
     
    #15
  16. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    #16
  17. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    jQuery 2 is still not stable, I recommend v1.11.2 better if possible.
     
    #17
    mn rd likes this.
  18. fuezen

    fuezen New Member

    Joined:
    Feb 11, 2015
    Messages:
    18
    Likes Received:
    0
    I used this feature by putting cricket score live widget in app.

    Sent from my pWerus82
     
    #18
  19. appyet

    appyet Support Team Member
    Staff Member

    Joined:
    Feb 2, 2015
    Messages:
    1,277
    Likes Received:
    434
    jQuery 2.1.3 is production version, and promised to be smaller, and faster. will try out this version first, if problem will later check out 1.11.2
     
    #19
  20. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    ok will try with my code and get back to you, thanks.
     
    #20
    mn rd likes this.

Share This Page