Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

pager style problem

3 Answers 93 Views
SkinManager
This is a migrated thread and some comments may be shown as answers.
yeswanth pavan
Top achievements
Rank 1
yeswanth pavan asked on 15 Feb 2010, 12:48 PM
image1.gif
image2.GIF
Hi all ,
I have applied Rad skin manager for my master page total working fine but page navigation differs for skin to skin any solution will be helpful.Here iam attaching the images.Pager style is looking good for Office 2007 not for sunset how can i achieve consistency.

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Feb 2010, 08:52 AM
Hello Yeswanth Pavan,

Thank you for the screenshots. However, they do not provide enough information about the cause of the problem and I can't reproduce it locally on a standalone page. Can you please send a simple demo?

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
yeswanth pavan
Top achievements
Rank 1
answered on 16 Feb 2010, 12:12 PM
Here iam placing the code what i had applied.I have applied skin manager for Master page i want changed skin what the controls in Content place holder.Iam getting show chooser combobox with skins but I want like in demos of telerik as images.And on the first time of loading iam getting Default page how can i get rid of this.
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="masterAdmin.master.cs" Inherits="masterAdmin" %> 
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
   <title>SynfoSys Task Manager - Add Resource</title>   
    <script src="images/stuHover.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="images/style.css" />   
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>   
    <script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>   
    <script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>   
    <script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>   
    <script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>   
    <link rel="stylesheet" type="text/css" href="scroll.css" />   
    <script src="jscript.js" language="javascript"></script> 
     
    <style type="text/css">  
 
 
     
 
* { margin: 0; padding: 0 }  
          
        * { margin:0; padding:0;}  
a{  
 text-decoration:none;  
 color:Blue;   
 padding-left:2px;  
 font-size:12px;  
}  
 
    </style> 
    <script type="text/javascript">  
    jQuery(window).bind("load", function() {  
        jQuery("div#slider1").codaSlider()  
        // jQuery("div#slider2").codaSlider()  
        // etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.  
    });  
    </script>   
    <script language="javascript"  type="text/javascript">  
        var min = 10;  
        var max = 14;  
        function increaseFontSize() {  
            var p = document.getElementsByTagName('td');  
 
            for (i = 0; i < p.length; i++) {  
                 if (p[i].style.fontSize) {  
                    var s = parseInt(p[i].style.fontSize.replace("px", ""));  
                } else {  
                    var s = 12;  
                }  
                if (s != max) {  
                    s += 1;  
                }  
                p[i].style.fontSize = s + "px"  
            }  
        }  
        function decreaseFontSize() {  
            var p = document.getElementsByTagName('td');  
            for (i = 0; i < p.length; i++) {  
                if (p[i].style.fontSize) {  
                    var s = parseInt(p[i].style.fontSize.replace("px", ""));  
                } else {  
                    var s = 12;  
                }  
                if (s != min) {  
                    s -= 1;  
                }  
                p[i].style.fontSize = s + "px"  
            }  
        }  
 
        function defaultFontSize() {  
            var p = document.getElementsByTagName('td');  
 
            for (i = 0; i < p.length; i++) {  
 
                if (p[i].style.fontSize) {  
                    var s = parseInt(p[i].style.fontSize.replace("px", ""));  
                }  
                p[i].style.fontSize = 11 + "px"  
            }  
        }  
 
        function changeBGC(color) {  
          document.bgColor = color;  
        }  
function doHourglass()  
{  
  document.body.style.cursor = 'wait';  
}  
 
</script> 
 
 
 
 
 
<script FOR=window EVENT="onunload">  
  if (window.event.clientY < 0 && (window.event.clientX > (document.documentElement.clientWidth - 5) || window.event.clientX < 15) )  
  {  
    window.open("logout.aspx", 'UserLogout','height=686,width=1012,left=0,top=1');//,'menubar=yes,status=yes,titlebar=yes,toolbar=yes,height=686,width=1012,left=0,top=1');  
    }  
 
</SCRIPT> 
 <script language="JavaScript">  
javascript:window.history.forward(1);  
</script> 
</head>   
   
<body >   
<form id="form1" runat="server">  
<table width="100%" border="0" cellspacing="0" cellpadding="0">    
<tr>   
<td height="140" valign="top" background="images/top-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">   
      <tr>   
        <td width="18%" height="140" align="center"><img src="images/synfosys-logo.gif" alt="" width="158" height="118" /></td>   
        <td width="56%" align="center">  
          
              <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="520" height="140" id="indexani" align="middle">   
              <param name="allowScriptAccess" value="sameDomain" />   
              <param name="movie" value="images/indexani1.swf" />   
                <param name="quality" value="high" />   
                <param name="wmode" value="transparent" />   
                <embed src="images/indexani1.swf" quality="high" wmode="transparent" width="520" height="140" name="indexani" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
            </object>   
            </td>   
        <td width="26%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">   
            <tr>   
              <td colspan="8">&nbsp;</td>   
            </tr>   
              
            <tr>   
              <td width="22%">&nbsp;</td>   
              <td width="7%"><a href="javascript:decreaseFontSize();"><img src="images/user-decrease.gif" alt="Decrease Font Size" width="16" height="16" border="0" /></a></td>   
              <td width="6%"><a href="javascript:defaultFontSize();"><img src="images/user-reset.gif" alt="Reset Font Size" width="16" height="16" border="0" /></a></td>   
              <td width="19%"><a href="javascript:increaseFontSize();"><img src="images/user-increase.gif" alt="Increase" width="16" height="16" border="0" /></a></td>   
              <td width="23%" class="logout">  
                  <asp:LinkButton   
                      ID="lnkBtnLogout" runat="server" onclick="lnkBtnLogout_Click">Logout</asp:LinkButton> 
                  </td>   
            </tr>   
            <tr>   
              <td height="30" colspan="8" valign="bottom">&nbsp;</td>   
            </tr>   
            <tr>   
              <td height="60" colspan="8" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">   
                <tr>   
                  <td width="21%" height="30">&nbsp;</td>   
                  <td width="7%"><img src="images/user-icon.gif" alt="User" width="14" height="20" /></td>   
                  <td width="16%" class="user">User :</td>   
                  <td width="56%" class="user">  
                      <asp:Label ID="lblusername" runat="server" Text="UserName" CssClass="user"></asp:Label></td>   
                </tr>   
                <tr> 
                  <td width="21%" height="30">&nbsp;</td> 
                  <td width="9%" align="left"><img src="images/date_icon.gif" width="18" height="18" /></td>  
                  <td width="17%" class="user">Date :</td> 
                  <td width="53%" class="user">  
                  <asp:Label ID="lbldate" runat="server" Text="Date" CssClass="user"></asp:Label></td>  
                </tr> 
              </table></td>   
            </tr>   
        </table></td>   
      </tr>   
    </table>   
</td>   
</tr>   
<tr>   
<td height="35" background="images/blank.gif"><ul id="nav">   
    <li class="top"><a href="frmadminmain.aspx" class="top_link"><span>Home</span></a></li> 
    <li class="top"><a href="#" class="top_link"><span class="down">Administration</span></a>   
        <ul class="sub">              
            <li><a href="#" class="fly">Resources</a>   
                <ul>   
                    <li><a href="frmaddresource.aspx">Create Resource</a></li>   
                    <li><a href="UpdateResource.aspx">Update / Delete</a></li>   
                    <li><a href="ResourceApproveReject.aspx">Approve / Reject</a></li>   
                    <li><a href="ViewResources.aspx">View Resources</a></li>   
                </ul>   
            </li>   
            <li><a href="#" class="fly">Projects</a>   
                <ul>   
                    <li><a href="CreateProject.aspx">Create Projects</a></li>   
                    <li><a href="UpdateProject.aspx">Update / Delete</a></li>   
                    <li><a href="#"  class="fly">Role Mapping</a> 
                        <ul>   
                            <li><a href="ProjectResourceRoleMapping.aspx">Create Mapping</a></li>   
                            <li><a href="ResourceandProjectsDetails.aspx">Update Mapping</a></li>                             
                        </ul>   
                    </li>                  
                </ul>   
            </li>   
            <li><a href="#" class="fly">Platform</a>   
                <ul>   
                    <li><a href="createplatform.aspx">Create / Update</a></li>                            
                </ul>   
            </li> 
            <li><a href="CreateUpdateCountry.aspx" >Country</a>   
                 
            </li> 
            <li><a href="CreateUpdateState.aspx" >State</a>   
                 
            </li> 
                         
        </ul>   
    </li>    
    <li class="top"><a href="#" class="top_link"><span class="down">Tasks</span></a>  
    <ul class="sub">              
    <li><a href="TeamLeadMain.aspx">Tasks Main</a></li>   
            <li><a href="#" class="fly">Resources Wise</a>   
            <ul>   
                <li><a href="ResourceWiseTaskCreation.aspx">Create / Update Task</a></li>   
                            </ul>   
            </li>   
            <li><a href="#" class="fly">Projects Wise</a>   
            <ul>   
                <li><a href="CreateProjectwiseTask.aspx">Create / Update Task</a></li>  
                              
            </ul>   
            </li>   
            <%--<li><a href="#" class="fly">Projects Wise2</a>   
            <ul>   
                <li><a href="CreateProjectwiseTask.aspx">Create / Update Task</a></li>  
                              
            </ul>   
            </li> --%> 
            </ul> 
      
    </li>   
      
    <li class="top"><a href="#" class="top_link"><span class="down">Events</span></a>   
    <ul class="sub">              
            <li><a href="#" class="fly">Create Event</a> 
            <ul>   
                    <li><a href="CreateProjectWiseEvent.aspx">Project Wise Event</a></li>  
                    <li><a href="CreateGroupWiseEvent.aspx">Group Wise Event</a></li>   
                    <li><a href="CreateGeneralEvents.aspx">General Event</a></li>                     
                </ul>             
            </li>   
            <li><a href="updateEvents.aspx">Update / Delete Event</a></li>   
            <li><a href="ViewEvents.aspx">View Events</a></li>   
        </ul>   
    </li>   
    <li class="top"><a href="#" class="top_link"><span class="down">Messages</span></a>   
        <ul class="sub">              
            <li><a href="#" class="fly">Create Message</a> 
            <ul>   
                    <li><a href="CreateProjectWiseMessage.aspx">Project Wise Message</a></li>  
                    <li><a href="CreateGroupWiseMessage.aspx">Group Wise Message</a></li>   
                    <li><a href="CreateGeneralMessage.aspx">General Message</a></li>                      
                </ul>     
              
            </li>         
        </ul>   
    </li>     
    <li class="top"><a href="#" class="top_link"><span class="down">Reports</span></a>   
        <ul class="sub">              
            <li><a href="#" class="fly">Status Reports</a>   
           <ul>   
                <li><a href="DailyStatusReport.aspx?selectedMode=daily">Daily Reports</a></li>   
                <li><a href="DailyStatusReport.aspx?selectedMode=weekly">Weekly Reports</a></li>          
                <li><a href="DailyStatusReport.aspx?selectedMode=monthly">Monthly Reports</a></li>        
                <li><a href="GenerateTaskReport.aspx">Advance Search</a></li>   
            </ul>   
              
            </li>   
            <li><a href="#" class="fly">Statistics Reports </a>   
               <ul>   
                <li><a href="PhaseWiseProjectReport.aspx">Project Wise</a></li>   
                  
                </ul>   
            </li> 
            <li><a href="#" class="fly">Message Reports</a>   
            <ul>   
                <li><a href="UnderConstruction.aspx">Daily Reports</a></li>   
                <li><a href="UnderConstruction.aspx">Weekly Reports</a></li>          
                <li><a href="UnderConstruction.aspx">Monthly Reports</a></li>         
            </ul>   
            </li>   
            <li><a href="#" class="fly">Event Reports</a>   
            <ul>   
                <li><a href="UnderConstruction.aspx">Daily Reports</a></li>   
                <li><a href="UnderConstruction.aspx">Weekly Reports</a></li>          
                <li><a href="UnderConstruction.aspx">Monthly Reports</a></li>         
            </ul>   
            </li>   
            <li><a href="UnderConstruction.aspx">Skill Set Tracking</a></li>             
        </ul>   
    </li>   
    <li class="top"><a href="DiscussionsBoard.aspx" class="top_link"><span>Discussion Board</span></a></li>   
    <li class="top"><a href="#"  class="top_link"><span class="down">Group</span></a>  
    <ul class="sub">              
            <li><a href="CreateGroup.aspx">Create / Update / Delete</a></li>   
                  
        </ul>      
      
    </li> 
    <li class="top"><a href="#" class="top_link"><span class="down">Custom Search</span></a>   
    <ul class="sub">              
            <li><a href="UnderConstruction.aspx">Resource Wise</a></li>   
            <li><a href="UnderConstruction.aspx">Projects Wise</a></li>           
        </ul>      
    </li>   
       
    <li class="top"><a href="#" class="top_link"><span class="down">Settings</span></a>   
    <ul class="sub">              
            <li><a href="#" class="fly">App. Config Settings</a>   
            <ul>   
                <li><a href="UnderConstruction.aspx">Broadcast Settings</a></li>   
                <li><a href="UnderConstruction.aspx">Custom Settings</a></li>                 
            </ul>   
            </li>   
            <li><a href="#" class="fly">User Settings</a>   
            <ul>   
                <li><a href="frmaddresource.aspx?mode=resource">Update Profile</a></li>   
                <li><a href="changepassword.aspx">Change Password</a></li>                
            </ul>   
            </li> 
             
        </ul>    
    </li>        
</ul>   
</td>   
</tr>   
<tr>   
<td  width="500%" valign="bottom" > 
 
<asp:ScriptManager ID="ScriptManager1" runat="server">  
      
</asp:ScriptManager> 
 <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" ShowChooser="true"   
                onprerender="RadSkinManager1_PreRender"   
    PersistenceMode="Cookie" onload="RadSkinManager1_Load" > 
      
<TargetControls>    
 
                <telerik:TargetControl ControlID="ContentPlaceHolder1" Skin="Vista"  /> 
            </TargetControls>    
 
            </telerik:RadSkinManager></td><td width="30"></td> </tr>   
           <tr>  <td  height="375" valign="top">   
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">  
               </asp:ContentPlaceHolder> 
    
      
</td>   
</tr>   
   
 <tr>   
    <td height="40" bgcolor="#CCCCCC" class="copyright">Copyright © 2009, SynfoSys Task Manager. All Rights Reserved.<br /> Best viewed in IE 6.0 and Above, Mozilla Firefox 3.5.5  
                             <br /> 
                            <asp:Label ID="lblversion" runat="server" 
                  Text="Prod.ver. 1.0.0" CssClass="versionheading"></asp:Label> 
    </td>   
  </tr>    
   
 <tr>   
    <td height="40" bgcolor="#CCCCCC" class="copyright">&nbsp;</td>   
  </tr>    
</table> 
      
 
</form>    
</body>   
</html> 
And in Code behind here is the code

  protected void RadSkinManager1_PreRender(object sender, EventArgs e)  
    {  
        RadComboBox skinChooser = RadSkinManager1.FindControl("SkinChooser") as RadComboBox;  
        int i = 0;  
        while (i < skinChooser.Items.Count)  
        {  
            if (skinChooser.Items[i].Text == "Default")  
            {  
                skinChooser.Items.Remove(skinChooser.Items[i]);  
            }  
            i++;  
        }  
         
    }  
    protected void RadSkinManager1_Load(object sender, EventArgs e)  
    {  
        (sender as RadSkinManager).GetSkinChooser().Width = Unit.Pixel(90);  
        (sender as RadSkinManager).GetSkinChooser().RadComboBoxImagePosition = RadComboBoxImagePosition.Left;  
    } 
0
Dimo
Telerik team
answered on 17 Feb 2010, 01:07 PM
Hello Yeswanth,

When you change the RadGrid skin programmatically, you should rebind the control. This can be done in the RadSkinManager's SkinChanged event.

Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
SkinManager
Asked by
yeswanth pavan
Top achievements
Rank 1
Answers by
Dimo
Telerik team
yeswanth pavan
Top achievements
Rank 1
Share this question
or