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