Monday, April 16, 2012
Loading a website inside of PhoneGap in Android
I am trying a quick and dirty way to turn my mobile website into an Android app. Using PhoneGap, I created a login page that post its values to my mobile site. However, the login did not seem to have any effect, as I am presented with the login page (now loaded from my website) again.
The problem lies with the fact that the link is opened in a new browser window, rather than within the web view of PhoneGap. There are many questions and answers relating to how to load a website within PhoneGap on StackOverflow, but most solutions didn’t work. Only the following worked for me on the latest version of PhoneGap.
The solution
Open the res\xml\cordova.xml file and add <access origin="example.com" /> to the children of <cordova>. example.com should be replaced by your website address.
Tuesday, April 10, 2012
Breadcrumbs partial for Umbraco 5
Umbraco 5 is a new CMS build from scratch using ASP.NET MVC 3. It is a departure from previous version which uses Web Forms.
However, due to the different architecture, the way to do breadcrumbs changed and I could not find any examples for the new version. So I came out with one =)
@inherits RenderViewPage
@using Umbraco.Cms.Web;
@{
var current = DynamicModel;
Stack<dynamic> pages = new Stack<dynamic>();
while (current.Level > 1)
{
pages.Push(current);
current = current.Parent;
}
}
<ul class="breadcrumb">
<li>
<a href="@current.Url">home</a>
</li>
@foreach (var page in pages)
{
<li>
» <a href="@page.Url">@page.Name.ToLower()</a>
</li>
}
</ul> The stylesheet as follows
ul.breadcrumb {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;
}
ul.breadcrumb li {
display: inline;
}
ul.breadcrumb li a, .breadcrumb ul li a:visited {
color: #036;
text-decoration: none;
padding: 0 5px;
}