In a Web Application and Mobile (hybrid), how to know which this platform running?

[gustotc]

I needed depending on the platform to change the CSS to suit the size of the font.

 

for example the DbGrid

[bugra]

Hi

 

You can try this js code to check platform. Add MainForm's Script properties.

  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
		//call your css in here for ios

  }
  else if( userAgent.match( /Android/i ) )
  {
	//call your css in here for android
   
  }
  else
  {
   //call your css in here for other
  }
}

But why do you check platform? You can change css rules using media queries in css.

For example

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

also you can create an hybrid project. Examine Demos/Touch/Hybrid demo.

 

And you can change layout on clientside. Examine Demos/Desktop/Clientside Alignment - ... demos.

[gustotc]

Hi

 

You can try this js code to check platform. Add MainForm's Script properties.

  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
		//call your css in here for ios

  }
  else if( userAgent.match( /Android/i ) )
  {
	//call your css in here for android
   
  }
  else
  {
   //call your css in here for other
  }
}

But why do you check platform? You can change css rules using media queries in css.

For example

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

also you can create an hybrid project. Examine Demos/Touch/Hybrid demo.

 

And you can change layout on clientside. Examine Demos/Desktop/Clientside Alignment - ... demos.

 

 

Thanks

[Farshad Mohajeri]

On server side you can use :

UniApplication.UniPlatform: TUniPlatforms

TUniPlatform = (upDesktop, upMobile, upPhone, upTablet, upAndroid, upiPhone, upiPad, upiPod, upiOS);
 TUniPlatforms = set of TUniPlatform;