Skip to content →

ios8 Sharepoint 2010 Global Navigation Bozulma Problemi Çözümü

Merhabalar,

ios8 güncellemesi ile SharePoint 2010’da karşılaştığım ve çözmekte baya zorlandığım bir problemi anlatacağım. Çözmekte zorlanmamın nedeni iPad ve iPhone cihazlarındaki chrome’larda geliştirme aracı bulunmaması idi. Kişisel bilgisayarlardaki chrome’larda ise iPad vb. modelar aygıt modunda var ancak iPad ve iPhone cihazlarındaki gibi bir tepkime yapmadığı için sorun çözümü bulmakta gerçekten zorlanmıştım, Düne kadar 🙂 dün tekrardan sakin kafa ile bu sorunu araştırırken Google’daki abiler geliştirme aracı’na güzel bir eklentide eklemişler tabiki ben bunu yeni keşfedebildim. Emulation sekmesi altında Spoof user agent alanından işletim sistemi seçip gerçek aygıt gibi davranmasını sağlamamıza imkan tanımışlar. Bundan sonrası biraz jQuery ve css ile halloldu diyebilirim. 🙂

Öncelikle aşağıdaki script’i masterpage’inize veya bir script dosyası’na eklemelisiniz.

$(document).ready(function() {
if (navigator.userAgent.match(/(iPad|iPhone|iPod touch);.*CPU.*OS 8_d/i)){
$('.ms-alignleft').addClass('ios8');
$('.ios8 span:eq(0)').addClass('ios8_1');
}
});

Bu script ile iPad veya iPhone aygıtı’nın kullandığı işletim sistemini kontrol edip eğer ios8 ise Global navigation’da bozulmayı düzelmemizi sağlayacak olan div’lere class ekliyoruz ve bu class’lara aşağıdaki css stillerini yazıyoruz. Browserselect isimli bir script kullanmanızı tavsiye ederim. Çünkü yazacağımız css class’ları sadece iPad ve iPhone’da kullanılabilir olmalı benim kullandığım script’e buradan ulaşabilirsiniz.

.ipad .ms-alignleft, .iphone .ms-alignleft{
height:50px;
}
.ipad .ms-topnav, .iphone .ms-topnav{
float:left;
}
.ipad .ios8_1, .iphone .ios8_1{
display:none;
}
.ipad .nav_home img, iphone .nav_home img{
margin-top:-3px;
height:45px;
}

Umarım sizlerede yardımı dokunur.

Published in Sharepoint 2010

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *