I'm building an ASP.net web application using Visual Studio 2015.
For the sake of beauty and aesthetics I tried to use a webpage from a ready made website template as a master page (you know those beautiful responsive templates out there!).
The problem is like this:
In the design view the master page and all the pages using it don't show correctly, they appear in chaos.
When testing the design in the browser it shows perfectly well!
What is the reason VS 2015 not able to show the page correctly in the design view?
This is what I tried in pursuit of solving the problem:
I changed the path to the CSS files (placed ../ and ~) without success.
I drag-dropped the CSS files into the source view of the master page in order to enable VS to create the links on its own but also without success.
Related
I'm having an issue with SiteOrigin's pagebuilder plugin. I have made an entire website using this plugin (therefore I'd prefer to keep using it) but all of a sudden I can no longer add styles (such as backgrounds and pictures behind the widget) to the visual editor widget within rows that I am working on. All I see is just a constant loading screen. This only happens when using the visual editor widget, as on SiteOrigin itself I can edit rows fine, I just can't use the visual editor anymore.
Here's what it's supposed to look like:
http://imgur.com/OwUiDmD
Here's what mine looks like:
http://imgur.com/pLO5Bpk
Depending on the row I am using neither may load.
Here is a list of the plugins I am using:
Black Studio
TinyMCE Widget
Contact Form 7
Easy Google Fonts
Lightbox Plus Colorbox
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
Spacer Title Remover
I have deleted both siteorigin plugins as well as the visual editor plugin on my build and reinstalled them to no avail. Is this a common problem? Does anyone have any idea on how to fix it?
Many Thanks,
JDB
EDIT: Per Omer's advice, I have found the error using Chrome's Javascript Debugger.
http://www.website.com/wp-admin/admin-ajax.php?_panelsnonce=3bf1af34d8 503 (Service Temporarily Unavailable)
http://www.website.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,quicktags,plupload,editor&ver=4.3.1
Not sure where to go from here... any ideas?
Thanks
JDB
Haven't used this plugin before, but it looks like it uses ajax to fetch data, and an error in javascript is avoiding the page to load properly. To check if this is the case, inspect your page with chrome developer tools and on the right side look for javascript errors (console). Once you know which file is responsible for the error then you will have to fix that error and everything will start working fine.
I am using Telerik's KendoUI framework for an HTML5/JS mobile app. When I have views I want to link to inside my app, I do a standard link such as Link which is of course as basic as it gets. The question I have is whether there is a way to make that path an external link, but have the page load inside the content area of the app (such as in an iFrame)? I'm not finding any examples of that online and when I make the link external, my whole app disappears if you click it. The end goal is keeping the link's site content (already mobile friendly) in between the header/footer of my app so they can still navigate it.
Thoughts?
After working through Telerik support, this wasn't natively possible with their framework. I ended up doing a Kendo view and utilized the data-init option to dynamically build an <iframe /> via jQuery and put the link in there so it loaded appropriately. Some might say that's a security concern, however in our case the link is something we put in for them so it's something that will always be trusted.
I just start making web site in asp.net using microsoft visual studio 2008. I have called a css file and make a background image in one of my div in header. The problem is that that background image loads in the design part of the microsoft visual studio but does not loads in the web browser. I am not getting type of design what i want. Should i have to add anything extra with ?
{background-image:url('header_bg_2.jpg'); background-repeat:repeat-x;}
Try this.
I have a GridView with three Button columns that are set up with images. When I select my path for the image, using the GUI tool that VS provides, the resulting path is something like ~/Images/myicon.png and the image displays fine (sometimes) in the VS Design mode. But the images do not display on the running version of the website (using Firefox) because the image locations resolve to ../Images/myicon.png. I can manually change it to Images/myicon.png and it works fine on the website but then not in VS.
How do I get them to behave the same way? These file paths are driving me nuts!
I would use paths that work in FireFox. Forget trying to get things to display in design mode, in VS 2005. Design mode is 2005 is really horrible.
Honestly, design mode can not be relied upon for styling, anyhow, in any version. It can come close now in VS 2010, but ultimately, it will never be as good as displaying the markup in a browser.
I using an external CSS to control the display of my controls. and It looks messy when I am viewing the page in th Design View of VS2008.
So whenever i change a value in my CSS, instead of examining it in design view, i am forced to run the web page, launch my browser just in order to view the changes I made.
Personally I'd try editing your Css using Firebug with your application running. Saving back only the changes you're happy with to you stylesheet. Make sense? Wouldn't have to be in debug mode either.