This is a migrated thread and some comments may be shown as answers.

Custom styling lost when a page is loaded inside a tab view

2 Answers 69 Views

TabStrip (Mobile)

This is a migrated thread and some comments may be shown as answers.

Saurabh asked on 02 Apr 2012, 03:21 PM

How can I retain some of the custom styling I wish to have in my view if loaded within a tabstrip.
Styles in following code block were lost when loaded from tabstrip, however, they work when loaded separately.
thanks,
Saurabh

<!DOCTYPE html>

<html>

<head>

<title>River Stage Info</title>

<style type="text/css">

dl.RiverStageInfo

{

border-style: solid;

}

.RiverStageInfo dt

{

float: left;

width: 100px;

}

.RiverStageInfo li

{

display: table-cell;

margin: 5;

width: 70px;

border-left-style: solid;

}

.RowItem ul

{

list-style-type: none;

border-top-style: solid;

margin: 0;

}

.CellHeader ul

{

margin: 0;

list-style-type: none;

}

</style>

</head>

<body>

<div data-role="view" id="RiverStage" data-layout="mobile-tabstrip">

<dl class="RiverStageInfo">

<dt> </dt>

<dd class="CellHeader">

<ul>

<li>River Mile</li>

<li>Normal Ft</li>

<li>Current Ft</li>

</ul>

</dd>

<dt>Coney Island</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">459.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">52</li>

</ul>

</dd>

<dt>Island One</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">500.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">44</li>

</ul>

</dd>

<dt>Second Island</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">200.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">22</li>

</ul>

</dd>

</dl>

</div>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Custom styling lost when a page is loaded inside a tab view

2 Answers, 1 is accepted