4 Replies Latest reply on Sep 19, 2017 2:12 PM by AdvanceSoftware_Nireland

    cflayout tabs no more responsive in 2016

    michaelBoudier Level 1

      Hi there,

       

      my app use cflayout border,  cflayout tabs,  and bootstrap.

       

      In CF9  / 10 everything works like a charm, when i resize window responsive works but on CF2016 no.

       

      Please look at the code.

       

      <!DOCTYPE html>

      <html lang="en">

        <head>

          <meta charset="utf-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1">

          <!-- Bootstrap -->

          <link href="css/bootstrap.min.css" rel="stylesheet">

          <!--[if lt IE 9]>

            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

          <![endif]-->

        </head>

        <body>

         

        <cflayout name="layoutTest" type="border" fittowindow="yes" >

        <cflayoutarea name="left" position="left" collapsible="false" splitter="false" minSize="500" size="500"/>

       

       

        <cflayoutarea name="center" position="center" >

        <cflayout type="tab" align="center" name="tabLayout"  tabposition="top"  tabstrip="false">

        <cflayoutarea title="dashboard" closable="false" refreshonactivate="false">

        <div class="container" role="main" style="width:100%;">

        <div class="row">    

        <div class="col-lg-6" style="background-color:red;">col1</div>

        <div class="col-lg-6" style="background-color:blue;">col2</div>

        </div>

        </div>

        </cflayoutarea>

        </cflayout>

        </cflayoutarea>

       

       

        </cflayout>

       

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

        <script src="js/bootstrap.min.js"></script>

       

        </body>

      </html>