bug: Ionic Css 1.2.4 Issue

[AnkB]

Type: bug

Ionic Version: 1.x

Platform: android 5.1 webview

Hi, I am updating my ionic css from from 1.0 to 1.2.4 and as a result of that my app shows a blank screen. Any idea why its happing. Thanks

[mhartington]

Are there any errors in the console logs? We need more information.

[AnkB]

There is no such error mentioning css not found. It just white blank screen, but I noticed that my default controller is being called each time. As I mentioned if I use css version v1.0.0-beta.1 its working fine. above that I tired 1.2.4, 1.2.3, 1.1.1 all showing blank screen.

[AnkB]

One solution I have found to include both css of different version. But there might be an right solution for this.

[mhartington]

Beta1 is really old, a lots changed since then.

Have you checked the change log and updated your app?

Does it work in the browser?

[AnkB]

Actually I was not aware of the version when started the my project. I got the sample project from the Material Design from the ionic market. This version come with that package. Browser also showing white blank screen.

[mhartington]

Can you please provide a demo or some example that reproduces the issue. I still need more information than "there's a blank screen"

[devilankur18]

I am also getting a blank screen after upgrading to ionic 1.2.4 from 1.2.1. I just changed the js and css files. Am I supposed to make any changes in the code as well ?

There are no console errors.

[devilankur18]

I have debugged the code and found the issue is related to ion slider. My old code was using ion-slides which no longer working.

  <ion-slides  slider="slider" class="sliderBox">
      <ion-slide-page>
        <div class="intro-page">
          <div class="logo-title">Smugglr</div>
          <div class="row">
            <div class="col col-90 heading">
              <h1 class="">bla bla bal bal </h1>
            </div>
          </div>
          <div class="artwork col col-100">
            <img src="img/artwork-smugglr-icon.png" width="42%">
          </div>
          <div class="actionBtn col col-100">
            <button ng-click="facebook()" class="button button-block">
              Sign in with Facebook
            </button>
          </div>
        </div>
      </ion-slide-page>
      <ion-slide-page>
        <div class="intro-page intro-nxt">
          <div class="logo-title">Smugglr</div>
          <div class="row">
            <div class="col col-90 heading">
              <h1 class="">bla bal balb al</h1>
            </div>
          </div>
          <div class="artwork col col-100">
            <img src="img/iPhone-wireframe.png" class="feature-2">
          </div>
        </div>
        <div class="actionBtn col col-100">
          <button ng-click="facebook()" class="button button-block">
            Sign in with Facebook
          </button>
        </div>
      </ion-slide-page>
      <ion-slide-page>
        <div class="intro-page intro-nxt">
          <div class="logo-title">Smugglr</div>
          <div class="row">
            <div class="col col-90 heading">
              <h1 class="">bla bla bal bal</h1>
            </div>
          </div>
          <div class="artwork col col-100">
            <img src="img/iPhone-wireframe.png" class="feature-2">
          </div>
        </div>
        <div class="actionBtn col col-100">
          <button ng-click="facebook()" class="button button-block">
            Sign in with Facebook
          </button>
        </div>
      </ion-slide-page>
    </ion-slides>

[jgw96]

@AnkB were you also using <ion-slides/>?

[jgw96]

Since it has been a little while since there was any activity on this issue i will be closing it, but feel free to respond back if your still having the issue! Thanks again!