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

3 posts, 0 answers
  1. Saurabh
    Saurabh avatar
    10 posts
    Member since:
    Mar 2012

    Posted 02 Apr 2012 Link to this post

    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>
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 02 Apr 2012 Link to this post

    Hi,

    Can you try putting the style tag inside the body? Parsing the styles from remote views  is not a documented feature, but it should work. 

    Kind regards,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Saurabh
    Saurabh avatar
    10 posts
    Member since:
    Mar 2012

    Posted 02 Apr 2012 Link to this post

    Thanks. Helped.
Back to Top