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

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

  1. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    2.1.3 is working good so far... Please include it on the next release.

    thank you,
     
    #21
  2. LCallaghan84

    LCallaghan84 Member

    Joined:
    Feb 11, 2015
    Messages:
    99
    Likes Received:
    23
    I am still using the 1.11.2, its stable, all my scripts work with it.

    I believe a few things are deprecated in version 2, that is why I havent upgraded yet.
     
    #22
  3. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    2.1.3 is fast and stable too, all my scripts are working with it so far... I red somewhere that jQuery 2 optimized for best mobile phones performance.
     
    #23
  4. Hussain

    Hussain Member

    Joined:
    Feb 11, 2015
    Messages:
    52
    Likes Received:
    14
    How to implement the code in appyet module settings. I mean what to write there just css or html with css. just send me an example of changing podcast background with my link.jpg or png image format
     
    #24
    Salvatore likes this.
  5. Salvatore

    Salvatore Member

    Joined:
    Feb 3, 2015
    Messages:
    149
    Likes Received:
    23
    i need the same
    send me an example of changing podcast background with my link.jpg or png image format
     
    #25
  6. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    check the source code and apply your CSS/SASS, AppYet doesn't allow adding HTML tags because you can only edit the header.
     
    #26
    Salvatore likes this.
  7. Salvatore

    Salvatore Member

    Joined:
    Feb 3, 2015
    Messages:
    149
    Likes Received:
    23
    ok
     
    #27
  8. Hussain

    Hussain Member

    Joined:
    Feb 11, 2015
    Messages:
    52
    Likes Received:
    14
    I got it,

    Use this :
    <style>
    .appyet_podcastimg {background-image:url("your_image.png")!important;}
    </style>

    Note: don't forget to use !important
     
    #28
    Anjuman and Salvatore like this.
  9. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    Note that if the users is offline (for some reason), the "your_image.png" link won't be accessible. I suggest you to use a background-color tag or convert the whole image to css.
     
    #29
  10. Hussain

    Hussain Member

    Joined:
    Feb 11, 2015
    Messages:
    52
    Likes Received:
    14
    But it think it uses internet one time as cache works!
     
    #30
  11. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    @appyet please update these code files with the latest youtube module code and feed module codes as well.
     
    #31
    mn rd likes this.
  12. Gnetwork

    Gnetwork Member

    Joined:
    Jul 13, 2015
    Messages:
    39
    Likes Received:
    3
    Did someone figure out the extra CSS for Blockquotes?
     
    #32
  13. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    please explain more to be able to help you...
     
    #33
  14. Gnetwork

    Gnetwork Member

    Joined:
    Jul 13, 2015
    Messages:
    39
    Likes Received:
    3
    I have within the Feed Module some Blockquotes, my problem is that the text is flowing out of the Screen, normaly i would use some kind of word wrap to fix it but that is not working within the App.

    So i added some extra CSS Header like
    Code:
    blockquote {
      border: unset!important;
      box-shadow: unset!important;
      font-style: unset!important;
      max-width: 100% !important;
      quotes: none!important;
      white-space: pre-line!important;
      -ms-word-break: break-all!important;
      word-break: break-all!important;
      word-break: break-word!important;
    -webkit-hyphens: auto!important;
      -moz-hyphens: auto!important;
      hyphens: auto!important;
    }
    But that did not change anything.
     
    #34
  15. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    Can you please provide the HTML code of the article so that I see what's the porblem ?
    you can message me in private if you don't want to post the code in public...
     
    #35
  16. Gnetwork

    Gnetwork Member

    Joined:
    Jul 13, 2015
    Messages:
    39
    Likes Received:
    3
    #36
  17. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    ok, trying adding this CSS code to your existing one

    Code:
    margin: 0px !important;
    overflow: hidden !important;
    Send me a screenshot while you are testing it.
     
    #37
  18. Gnetwork

    Gnetwork Member

    Joined:
    Jul 13, 2015
    Messages:
    39
    Likes Received:
    3
    Thanks, the courios is.. normaly a margin should not result in a text overflow outside a block oO. I think i need to test a lot of combination to see which fix it for Webview 4
     
    #38
  19. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    776
    Likes Received:
    312
    Did it work or not ?
     
    #39
  20. Nicola Di Bari

    Nicola Di Bari New Member

    Joined:
    Feb 4, 2015
    Messages:
    26
    Likes Received:
    3
    Hi all !
    I have a problem with a blogspot feed,
    my app publish entire article while I want to publish only an excerpt... how can I do ? with jquery ?
     
    #40

Share This Page