Ember Template will render but won't display inside app - javascript

Related Topic
So in the link above is a topic related to what I am trying to figure out. but I'm not sure.
Here is whats going on, my index template is being rendered but visually I can't see anything. I don't have any JS errors and it works just fine. When I inspect it all the code shows up but FOR some reason i cant see(visually see the code thats rendered) it. the only thing that shows is the navigation. which is not part of the template.
So I though well take the whole thing out and call the {{outlet}} last...NOPE still saw nothing but the navigation.
I'm trying not to be vague Im new to ember and stackoverflow. Not sure if the link to the actual problem is enough. let me know if any further explanation is needed

There seems to be a problem with the http://www.redberryapp.com/phonegap/css/redberry.css
please have a look at the example below,
http://emberjs.jsbin.com/kanobobe/1/edit
it has been created from the code/files found in www.redberryapp.com and it seems to display the content if
<link rel="stylesheet" href="http://www.redberryapp.com/phonegap/css/redberry.css">
stays commented out. The template always gets rendered, but it is not displayed if the specific stylesheet is active.

Thank you i thought i deleted my question i did discover it was my css more specifically I had to set a style on [id*='ember'] {} so that when the app started it would play well with my framework

Related

Scripts not working while changing route need to refresh the page everytime AngularJs

I'm a newbie to angularJs as I have converted my Static HTML site to angular facing the issue whenever I change the route I will have to reload the page in order to make things work. I've searched a lot about the issue and found that the issue is with the ready function
$(document).**ready**(function(){$('.clickerr').slick({});});
What should I do to make it work? I have tried a different solution, but haven't found the perfect answer.
I don't have anything in mind please give me a reasonable answer.
Thank you

Why is my html and app.js not linking While the css seems to be?

I cannot understand why my html (input box text, message displayed after button click) is binding with my app.js. The first issue I had was {{message}} displayed which I fixed by changing the folder/file calls. I am pretty sure they are correct and I now do not receive console errors. But I still have no functionality. Can anyone find a problem with the folder/file references, I am pretty sure my logic is correct. If you discover something from a developer tool, please explain so that I can learn about diagnosing my own error. There does not seem to be a problem with the styles reference, which is strange if I am calling files incorrectly. Thanks. Here are 2 links: rendered, functionality not working
the code.]2

Wordpress HTML/CSS not displaying correctly - no changes made

I am having trouble identifying a problem and it is driving me crazy. If this is a poor question or in the wrong place please have mercy, I am exhausted trying to figure this out.
Here is how my website is displaying: My Site
And here is how it is supposed to look:
Archive of Page
Nothing has changed as far as I can tell. I have disabled plugins, re-uploaded them there. My mind is boggled!? It looks the same (code) but appears different. What am I missing!?
I happened to get this as well, what you should do is to redownload the layout, thats what solved my issue. I remember adding 1 line to css and removing it, the layout got stuck and refused to update, so that was my solution. I hope someone else can give you a better one though :)
you have a problem with jQuery in your website.
I think you need to update your theme.
your theme is from 6/2014 and now is 6/2016...
Your js makes all this section on home vertical align to middle. And the js doesn't work now and stay on top.
Update your theme :)

Why are pagination links not displaying on my site?

I was trying to fix the width of the images however, unexpectedly, the navigation pager below disappeared.(pages 1,2,3). I am new to CSS and have no idea what happened. I don't now how to fix this, the navigation codes are still present however I guess it cannot find any space to show up. Can you help?
Code:https://gist.github.com/anonymous/3704b07a027426208738
Website:https://www.alphabitrage.com
I went through your code until I counted about 50 coding errors.
So I ran the source code (from the GitHub link you provided) through the W3C Markup Validation Service, which found 565 coding errors.
This alone suggests multiple problems with your web page and potential difficulties ahead in terms of maintenance and troubleshooting.
However, I understand you're working with a template so recommending that you re-structure your code to be valid and semantically correct (which I would normally do) may not be feasible in this case.
Also, you mention in your comments that the code was working well until you made some adjustments to the widths of images. So I put the errors aside and continued searching for a possible problem.
Providing a link to another website with a working template was a good idea on your part. I was able to compare your code with the code from the other site.
I discovered that your code was missing the divs that render the HTML for the pagination links.
In particular:
<div class="blog-pager" id="blog-pager"></div>
... is completely missing from your code.
Your Site
Other Site
Once you restore that code block your pager should re-appear.

How can I stop JQuery import from breaking existing code

I'm a beginner developer in Html/Javascript/CSS/Jquery coding
and while working a project, I had to integrate Jquery with previous code.
As soon as I imported Jquery, even simple buttons became styled badly. Jquery worked fine as long as I used its classes to assign styles to objects.
However since the rest of the project is not to change style, I need to know what I'm doing wrong. I've checked the objects for classes, and they have no classes, so it's not a css issue.
I narrowed down the error to the following screenshot, but I still can't figure it out. It seems to be something simple that I missed but I have no idea what it is.
Ignore the class="ui-content" and class="ui-button-text". I was just testing if something would change (nothing changed).
Try to inspect the elements that are styled wrong with your developer tools in the browser. The only styling in your example is in jquery.mobile-1.4.5.min.css, so that's where I'd be looking. Did you mistakenly delete a link tag to your stylesheet?

Categories