I'm developing a website and i'm trying to add a carousel from Ngb.
I followed the tutorial to add it but it is not working: my three images are placed one after the other and the text is superimposed at the bottom of the third page.
I check my package.json and the line "#ng-bootstrap/ng-bootstrap": "^2.2.0" is present. I also add import { NgbModule } from '#ng-bootstrap/ng-bootstrap' and NgbModule.forRoot() in my app.modules.ts and copied pasted the example from the Ngb bootstrap website but the problem is present.
For information, my IDE (WebStorm) is telling me that the ngb-carousel tag is unknown and that the attribute ngbSlide is not allowed but i have no error during the compilation.
I hope you're gonna be able to help me and i'm ready to add some come here if you need.
Thanks !
Related
I have a p-multiselect component from primeNg inside a div,at first the menu, when expanded, was being cut by the accordion. We solved the problem using appendTo="body" in the element. Now the values are shown correctly, the problem is that when i open the console or when i use a mobile device to open the web app the menu from the component moves to the right/left, but if i remove the appendTo this problem disappear. We tryed with z-index properties as alternative to appendTo but didn't work. How can i solve this?
We are using Angular 8.
EDIT: the first image is when the console is close, the second one is when the console is open (if you read above i wrote the exact opposite case, this is because at first we tried to solve this aligning the left margin, in these picture we are not aligning the margin).
Below i added the html code we used.
Try this one, I'm also facing this issue on p-dropdown via Angular10;
When you inspect to html. left position of the panel is a bit shift that cause by resizing of the screen.
The solution
style.scss - is one this a must, or you need ::ng-deep if you paste this class on other .scss file
.force-left {
left: 0 !important;
}
.component.ts
<p-multiselect
...
panelStyleClass="force-left"
...
></p-dropdown>
We found the solution 1 week later i posted this question. We solved this problem defining an attribute inside a div (the outermost) and, in the multiselect, we used appendTo with the attribute we defined in the outer div. This solved the problem.
I just want to add a basic banner at the top of my tumblr website. The code (posted below) is just below the <body> part of the html, however I can't figure out why any img link that I put into the 'imgurlhere' section only shows up as a broken icon (see picture).
<a href=“myurlhere”><center><img src=“imgurlhere” width=“500”></center></a>
broken image icon that's showing up
My idea is to upload a short gif to tumblr, and then copy the code into the html so that it is placed at the top of my website as an advertisement. However, every url I put into the 'imgurlhere' section shows up as broken - regardless of advice I've found online stating that's all one needs to do.
I'm making sure to include the correct link, such as .png etc
And making sure to copy it straight from the 'copy image address'.
Any idea?
Thanks!
I think that setting width="500" in img tag was causing this issue.
-The best way would be to add a class and then set the width of the image.
.image{
width:500px;
}
</center>
Try using your image there and let me know if it works or not.Thank You
Hi I've a wordpress site and i need to modify the highlighted code to "display=flex" insted of "display=none".
But i am not able to to this because is element.style..please help me.
https://imgur.com/93zuJyU
.fep-message-content .fep-message-content-5 .fep-message-
content-own .fep-message-content-admin .fep-hide-if-js{
display:flex !important;
}
this is an accordion of front-end-pm plugin for wordpress and it is displayed none when closed and displayed block when opened. i would have it permaopened.
Is possible to change the highligthed code?
Thank you for helping. :)
My guess is that there's a javascript hiding that element after the page is loaded. So no matter what you tell the page to load, it gets altered after. I would search the theme or plugin javascripts for "fep-hide-if-js".
I recently got a hand on this snippet Visit https://codepen.io/artistic18/pen/xyLmpq and thought of using this but the problem is that whenever I am trying to add some text it's getting added in the background and I am not able to add it above the last layer. Moreover Nav Bar animations are also not working.
Project Link- Visit https://github.com/Artistic18/MyPortfolio
Feel Free to edit it.
Add a paragraph at the end of the HTML (<p class="text...) and then in CSS : .text{ color:white;mix-blend-mode: exclusion;}
EDIT: I found out the solution. See my post at the bottom of the page.
I've created a template for joomla with materializecss. Everything works fine except the slider (which displays as a gray rectangle) and carousel which just shows images one after another as obsolete divs.
The carousel:
The slider:
I've imported the jquery script before materializecss. I've also called the carousel.carousel(). The code for slider and carousel I used is same as on the Materializecss website in examples. Can anyone help?
Updating materializecss files solved the problem. I also found out that a part of materialize.css was missing.
enter this script
<script type="text/javascript">
$(document).ready(function () {
$('.carousel').carousel();
)}
If you are using NOT default classes for carousel items - you need to change them classes in carousel.js file