Mobile unimForm TITLE Height

[vbdavie]

I am using latest version.

This may be a know issue, I used the CustomCSS to change the TITLE HEIGHT.

You can see near the top, i have x.-toolbar .-title and changed the size to 36pt.

But yet when i run inside chrome on my laptop with the /M it shows with the nice LARGER font. BUT when I run it inside chrome on my cellphone, it remains SMALL font. You can see this from my 2 screenshots.

.x-checkboxfield .x-input-el {
    opacity: 10;
}
.x-toolbar .x-title {
   font-weight: bold;
   font-size: 36pt;} 
.customGlyph32 .x-icon-el {
   width: 32px !important;
   height: 32px !important;
}
.customGlyph24 .x-icon-el {
   width: 24px !important;
   height: 24px !important;
}
.CustomAlignMobile .x-inner-el {
   line-height: normal;
   padding-top: 0 !important;
}
.x-mask-msg div{
  font-family: Ubuntu, Arial, sans-serif; 
  font-size: 24px;  
}  
.MyTitle .x-panel-header-default-horizontal {
    height: 11px;
    padding: 0px 10px 0px 10px;
}
.x-grid-row-selected .x-grid-cell-inner {
  font-weight: bold;
  color: rgb(255,0,0);
  background-color:green;
}
.myStyle1 {
	background-color: rgb(0,255,255) !important;
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
   color: rgb(0,0,255);
	border: 1px solid #1a26d4; 
}
.DBG1 .x-grid-row-selected .x-grid-cell-inner {
  background-color:green!important;
}
.DBG2 .x-grid-item-selected .x-grid-cell {
  font-weight: bold!important;
  background-color:blue!important;
}
.x-grid-row-selected2 .x-grid-cell-inner {
  font-weight: bold!important;
  background-color:green!important;
}
.addGreenPanel .x-panel-body-default {
    background: rgb(0,128,0);
}
.addLightGreenPanel .x-panel-body-default {
    background: rgb(161, 239, 161);
}
.addRedPanel .x-panel-body-default {
    background: rgb(240,96,96);
}
.addLightRedPanel .x-panel-body-default {
    background: rgb(240,180,180);
}
.addYellowishDarkerBG .x-form-text{
  background-color: rgb(208,208,128)!important;
  background-image: none;
}
.addYellowishDarkerBG_2{
  background-color: rgb(208,208,128)!important;
  background-image: none;
}
.addYellowishBG .x-form-text {
  background-color: rgb(252,252,176)!important;
  background-image: none;
}
.addYellowishBG_2{
  background-color: rgb(252,252,176)!important;
  background-image: none;
}
.addYellowBG .x-form-text{
  background-color: yellow!important;
  background-image: none;
}
.addYellowBG_2{
  background-color: yellow!important;
  background-image: none;
}
.addRedBG .x-form-text {
  background-color: rgb(255,200,200)!important;
  background-image: none;
}
.addRedBG_2{
  background-color: rgb(255,200,200)!important;
  background-image: none;
}
.addFFFFFFBG{
  background-color: rgb(255,255,255)!important;
  background-image: none;
}
.addE8E8E8BG{
  background-color: rgb(232,232,232)!important;
  background-image: none;
}
.add000000Font{
  color: rgb(0,0,0)!important;
  background-image: none;
}
.addBlackForceFont{
  color: rgb(0,0,0)!important;
  background-image: none;
}
.addGrayForceFont{
  color: rgb(0,0,0)!important;
  background-image: none;
}
.add606060Font{
  color: rgb(96,96,96)!important;
  background-image: none;
}
.addBlackFont{
  color: rgb(0,0,0)!important;
  background-image: none;
}
.MyStyleW .x-form-text{
    color:red!important;
    height:8px;
    font-size: 24px;  
    background-color:yellow!important;
    background-image:none;
}  
.QQQQQQQMyStyleW{
    color:red!important;
    height:8px;
    font-size: 24px;  
    background-color:yellow!important;
    background-image:none;
}  

 

I find it odd that the desktop chrome displayed the title nice and big, while the mobile chrome displayed the title tiny.

Davie

Screenshot_Chrome_Mobile.bmp Screenshot_Chrome_Desktop.bmp

[vbdavie]

IMPORTANT FOR OTHERS WITH SIMILAR PROBLEMS...

I decided to try another mobile browser. It worked perfectly. So then I thought "Huh, it works on mobile with one browser but not another."

So i figured unigui is probably FINE. So, then I made some more height changes and color changes and then I noticed the browser that WORKED all of a sudden didn't display my new color/height.

THEN A LIGHTBULB went off in my head and figured it had to be some kind of CACHE issue. So, I went int the mobile browser settings and finally found where to delete cached files. POOOOOF it all worked and the new colors and height were there. So the cache was causing the browser to not refresh and obtain the new colors and height from the CSS files .  lololololololol

Hope this helps someone in the future.

Davie

[xue8111098]

thanks