Skip to:
Content
Pages
Categories
Search
Top
Bottom

show loading animation


  • iamdev
    Participant

    @iamdev

    Is there any way to show loading animation in buddypress pages just like facebook and also how can i show widgets in between the activity stream as it will be more responsive for mobile devices rather than scrolling to the bottom of the pages to see them. i am using buddypress 2.9.4 with latest wordpress version

Viewing 6 replies - 1 through 6 (of 6 total)

  • Varun Dubey
    Participant

    @vapvarun

    @iamdev it will be your theme specific customization and for sidebar position, it can not be added within activity loop, you can keep it before or after it.


    iamdev
    Participant

    @iamdev

    ok, now how can i achieve the animation part can you please help which part to be customize in the theme @vapvarun


    iamdev
    Participant

    @iamdev

    anyone here any idea how to do that you can see the below link to understand what i am trying to say

    and if not possible in buddypress pages then in wordpress post


    iamdev
    Participant

    @iamdev

    anyone ,any possible hint will be welcomed


    iamdev
    Participant

    @iamdev

    so far i am only able to achieve the css code for it and it is called Skeleton screens but don’t know where to put i tried puting it on single.php , and in activity loop but it shows on the bottom of the page after loading can anyone help me out , i tried asking for support but get no reply that’s why i am mentioning you people sorry for mentioning you all please don’t mind
    @venutius @henrywright @shanebp
    this is the code
    `<div class=’text-input__loading’>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    <div class=’text-input__loading–line’></div>
    </div>
    and for pulsating this
    &–line {
    height: 10px;
    margin: 10px;
    animation: pulse 1s infinite ease-in-out;
    }
    @keyframes pulse {
    0% {
    background-color: rgba(165, 165, 165, 0.1)
    }
    50% {
    background-color: rgba(165, 165, 165, 0.3)
    }
    100% {
    background-color: rgba(165, 165, 165, 0.1)
    }
    }
    @mixin nth-children($points…) {
    @each $point in $points {
    &:nth-child(#{$point}) {
    @content;
    }
    }
    }
    @include nth-children(1, 5, 9) {
    width: 150px;
    }
    @include nth-children(2, 6, 10) {
    width: 250px;
    }
    @include nth-children(3, 7) {
    width: 50px;
    }
    @include nth-children(4, 8) {
    width: 100px;
    }
    sorry for mention again
    and also i need javascript to load the content


    iamdev
    Participant

    @iamdev

    i am able to do animation for wordpress post but how to do animation for activity stream

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar