In sharepoint view if the view name is bit long then its trimming the name with three dots. Last week I got a requirement from client that he need a fullname of the view.So I searched to see any configuration change in sharepoint. But I didnt come across any solution. So i plan to do it using javascript......
In this article, we are going to learn how to view the full viewname in sharepoint screen using javascript.
To View Full Viewname in sharepoint
Here I had take a simple screen to explain. For sample I had created a View name "Viewname_is_bit_long_trim_the_name". The name describes about the sample.But while displaying it display like this "viewname_is_bit_long...". Even if we increase the dropdown box the data won't display because while binding the data, the codebehind in sharepoint is checking, if the data is long its displaying with dots....
Source code and explanation
Open the sharepoint designer.Click on the viewnane_is_bit_long_trim_the_name.aspx page in designer.
Using javascript, i searched the "viewname_is_bit_long..." word and i replaced this word with the actual full wording in the innerHTML
<script language="javascript" type="text/javascript">
document.body.onload = function () {
var divEle = document.getElementsByTagName("div");
for(var i=0;i<divEle.length;i++)
{
var aEle = divEle[i].getElementsByTagName("a");
for(var j=0; j<aEle.length;j++)
{
var sText = aEle[j].innerHTML;
if(aEle[j].innerHTML.indexOf('viewname_is_bit_long...')==0)
{
if(divEle[i].id.indexOf("Menu_t")>=0)
{
var orignalValue=document.getElementById(divEle[i].id).innerHTML;
var duplicateValue=orignalValue.replace("'viewname_is_bit_long...","Viewname_is_bit_long_trim_the_name");
document.getElementById(divEle[i].id).innerHTML = duplicateValue;
}
}
}
}
}
</script>
Its works.....Just place the code below the content tag
Conclusion
Full ViewName of the sharepoint page has been displayed.Like this to hide/disabled the sharepoint controls we can go for javascript or JQuery....
Thanks for reading, keep learning and sharing !