Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
42 views

I am creating a mobile website using radcomboboxes inside of update controls that are set to autopostback = true.  All of the controls work except on the page's initial load the UI elements are enlarged and look more like buttons.  They are still able to be selected and after the controls postback the elements still do not go back to a normal size. Only after a postback from another control do the UI elements shrink down to a normal size.  

I have tested the radcombobox with checkboxes enabled outside of the update panel and this behavior does not change.  I have a master page that contains jQuery files located in the header, and when I remove one of the js files, the problem disappears with the UI elements disappearing.  Can anyone help me figure out what is preventing the UI elements from rendering properly?

On Load:

   

After postback:

 

 

0 answers
52 views

Hi Team,
I tried following steps to use RadMultiSelect dropdown in my project but getting compile time error . 
1) I have registered Telerik.Web.UI assembly in aspx page
2) Added RadScriptManager and RadSkinManager on aspx page.
3) then added following code - 
<telerik:RadMultiSelect runat="server" DataValueField="text" Filter="Contains" EnforceMinLength="false" Placeholder="Select Receiptees"
    DataTextField="text" Width="500px" ID="requiredMultiSelect">
<Items>
<telerik:MultiSelectItem Text="Steven White"></telerik:MultiSelectItem>
<telerik:MultiSelectItem Text="Nancy King"></telerik:MultiSelectItem>
</Items>
</telerik:RadMultiSelect>   
4) added this line in aspx.vb file for default selection
requiredMultiSelect.Value = {"Anne King", "Andrew Fuller"}

And getting compile time error -
Type 'Global.Telerik.Web.UI.RadMultiSelect' is not defined.

Not able to find solution for this on telerik webpage also , Can anyone please help me with this?

  

0 answers
68 views

There is any tutorial (with sample code) teaching how to use Telerik skins for whose has no idea from where to start?

I don't even know how to set a skin to a control.

Thanks.

Yan Moura
Top achievements
Rank 1
Veteran
Iron
 asked on 09 Feb 2021
0 answers
190 views

I don't know if this is the proper place for this but I am having issues with the use of skins and didn't know where to post.

There is an article here that says that we have a sort of built-in skins available.

 

I would like to know what do I need to do to get access to this because any time I try to Skin="skin_name" a control I get a page error just like this:

Telerik.Web.UI.RadListView with ID='RadListView1' was unable to find an embedded skin with the name 'Silk'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

Any idea?

Yan Moura
Top achievements
Rank 1
Veteran
Iron
 asked on 03 Feb 2021
3 answers
183 views

Trying to change "busy" animation for WebBlue.

Please help

Attila Antal
Telerik team
 answered on 10 Mar 2020
1 answer
62 views

Since there doesn't appear to be a Telerik RequiredFieldValidator (or something similar) and we have to use the asp:RequiredFieldValidator ... how can we "Skin" the resulting Text output when validation is trigger?  Without being able to Skin validators thru the SkinManager it sorta makes the asp:RequiredFieldValidator useless.

Any suggestions?  Alternative approaches?

ON A SIDE NOTE: The sample code to display the validator error text inside the RadTextBox control doesn't appear to work: https://docs.telerik.com/devtools/aspnet-ajax/controls/textbox/features/validation

 

Cheers, Rob.

Marin Bratanov
Telerik team
 answered on 04 Oct 2018
2 answers
64 views

I'm trying to have my controls get updated when the SkinChooser changes value to some other Skin (I'm using the embedded DLL skins provided).

<telerik:RadSkinManager ID="rskmLogin" runat="server" Skin="Material" ShowChooser="True">
    <TargetControls>
        <telerik:TargetControl ControlID="rlb_Online" Skin="Metro" ControlsToApplySkin="RadLabel" />
        <telerik:TargetControl ControlID="rtb_Online" Skin="Bootstrap" ControlsToApplySkin="RadTextBox" />
        <telerik:TargetControl ControlID="rlb_Password" Skin="Metro" ControlsToApplySkin="RadLabel"/>
        <telerik:TargetControl ControlID="rtb_Password" Skin="Bootstrap" ControlsToApplySkin="RadTextBox"/>
        <telerik:TargetControl ControlID="rbn_SignIn" Skin="Glow" />
        <telerik:TargetControl ControlID="rlb_Or" Skin="Metro" />
        <telerik:TargetControl ControlID="rbn_CreateAnAccount" Skin="Glow" />
        <telerik:TargetControl ControlID="rbn_ResetPassword" Skin="Silk" />
        <telerik:TargetControl ControlID="rcb_Skins" Skin="Sunset" />
    </TargetControls>
</telerik:RadSkinManager>

 

in my code behind: 

Private Sub rskmLogin_SkinChanged(sender As Object, e As SkinChangedEventArgs) Handles rskmLogin.SkinChanged
 
    Try
 
        If e IsNot Nothing Then
 
            For Each TrgCtrl As TargetControl In Me.rskmLogin.TargetControls
 
                TrgCtrl.Skin = e.Skin
 
            Next
 
        End If
 
    Catch ex As Exception
 
        Dim ErrorLog As New DC.Errors.Log(ex)
 
    End Try
 
End Sub

 

fairly basic stuff, but my controls don't update with the newly selected skin ... what am I missing?

 

Cheers, Rob.

Eyup
Telerik team
 answered on 24 Sep 2018
2 answers
70 views

I have a web site developed in VS 2015 that contains a custom button skin (modified from the base button skin). It is basically a blue button with white text, with buttons appearing on predominately white backgrounds

I have the following in my Master page:

    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false">

        <Skins>
            <telerik:SkinReference Path="/Skins" />
        </Skins>
    </telerik:RadSkinManager> 

When I browse the site configured in IIS on my local workstation, or run in Debug in VS 2015, I see the buttons with the custom skin applied.  It is present in IE, Chrome and Edge.

When I deploy the exact code to my production server, the background of the button appears white, with white text, on the white background. I can hover and click the area where the button should be, so the button is definitely there.  The problem is, this is only happening in IE.  Chrome and Edge show the button exactly like it was on the local workstation.  Any workstation displaying the site from the production server using IE cannot see the buttons.  By deductive reasoning, I assume the issue is with the Production Server or IIS.

The local workstation is Windows 10, IIS v10.0, with .NET framework 4.7.1 as its latest.

The server is Window Server 2012R2, IIS 8.5, with .NET framework 4.5 as its latest.

The website is set to target framework 4.5, and is using Telerik UI for ASP.NET AJAX 2018.1.117.45

The code is exactly the same in both dev and prod IIS, including the copied Telerik DLLs.

Since this is present on any workstation with IE accessing the site from the URL pointing to the production server, and does not happen with Chrome or Edge, I have to assume there is something missing, or not set correctly on the server.

I'm completely stumped! Any Ideas?

For Reference, here is the CSS from my custom button:

.RadButton_ARButton {
  font-family: 'Segoe UI', sans-serif, Verdana;
  /* Primary Button styles */
  /* CheckBox and RadioButton Styles */
  /* Right to Left Support */ 
  color: white;
  background-color: #1b4b66;
  min-width: 30px !important;
}
/* FROM Button.css*/
.rbDecorated {
  font-size: 10pt;
  display: block;
  *display: inline;
  *zoom: 1;
  height: 22px;
  padding-left: 6px;
  *padding-left: 8px;
  padding-right: 10px;
  border: 0;
  text-align: center;
  background-position: right -88px;
  overflow: visible;
  /*background-color: transparent;*/
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 0;
  /* set default border-radius to 0 in mobile safari */
  -webkit-appearance: none;
  *line-height: 22px; 
  color: #ffffff;
  background-color: #1b4b66;
}


RadButton_ARButton.rbButton {
    padding: 0.42857em 0.85714em;
    padding: 0.46429em 0.85714em\9;
    line-height: normal; }
  .RadButton_ARButton _:-ms-fullscreen, :root .RadButton_ARButton.rbButton {
    padding: 0.46429em 0.85714em; }
  .RadButton_ARButton.rbButton, .RadButton_ARButton .rbSplitPart {
    border-color: #cccccc;
    color: #ffffff;
    background-color: #1b4b66;
    background-image: linear-gradient(); }
  .RadButton_ARButton.rbButton.rbHovered, .RadButton_ARButton .rbSplitPart.rbHovered, .RadButton_ARButton.rbButton:focus {
    border-color: #c2c2c2;
    color: #333333;
    background-color: #e0e0e0;
    background-image: linear-gradient();
    box-shadow: inset 0 0 1px #ffffff; }
  .RadButton_ARButton.rbButton:focus {
    outline-width: thin;
    outline-offset: -2px;
    outline-color: #c2c2c2; }
  .RadButton_ARButton.rbButton.rbSelected, .RadButton_ARButton.rbButton.rbToggled, .RadButton_ARButton.rbButton.rbSelected .rbSplitPart {
    border-color: #c2c2c2;
    color: #333333;
    background-color: #e0e0e0;
    background-image: linear-gradient();
    color: #333333;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }
  .RadButton_ARButton .rbSplitPart {
    width: 2.28571em;
    height: 2.28571em; }
  .RadButton_ARButton .rbSplitPartRight {
    margin: -0.35714em -0.85714em -0.21429em 0.35714em;
    margin: -0.35714em -0.85714em -0.21429em 0.35714em\9; }
  .RadButton_ARButton _:-ms-fullscreen, :root .RadButton_ARButton .rbSplitPartRight {
    margin: -0.35714em -0.85714em -0.28571em 0.35714em; }
  .RadButton_ARButton .rbSplitPartLeft {
    margin: -0.35714em 0.35714em -0.21429em -0.85714em;
    margin: -0.35714em 0.35714em -0.21429em -0.85714em\9; }
  .RadButton_ARButton _:-ms-fullscreen, :root .RadButton_ARButton .rbSplitPartLeft {
    margin: -0.35714em 0.35714em -0.28571em -0.85714em; }
  .RadButton_ARButton .rbSplitIcon {
    margin: 0.35714em 0em 0em 0.28571em;
    margin: 0.28571em 0 0 0.07143em\9; }
  .RadButton_ARButton _:-ms-fullscreen, :root .RadButton_ARButton .rbSplitIcon {
    margin: 0.28571em 0em 0em 0.07143em; }
  .RadButton_ARButton .rbSplitPartRight.rbHovered {
    border-left-color: #c2c2c2; }
  .RadButton_ARButton .rbSplitPartRight.rbSelected {
    border-left-color: #c2c2c2; }
  .RadButton_ARButton .rbSplitPartLeft.rbHovered {
    border-right-color: #c2c2c2; }
  .RadButton_ARButton .rbSplitPartLeft.rbSelected {
    border-right-color: #c2c2c2; }
  .RadButton_ARButton.rbPrimaryButton {
    background-color: #428bca;
    color: #ffffff;
    border-color: #357ebd; }
    .RadButton_ARButton.rbPrimaryButton.rbHovered, .RadButton_ARButton.rbPrimaryButton.rbFocused {
      background-color: #3071a9;
      color: #ffffff;
      border-color: #285e8e;
      box-shadow: none; }
    .RadButton_ARButton.rbPrimaryButton.rbFocused {
      outline-color: #ffffff; }
    .RadButton_ARButton.rbPrimaryButton.rbSelected {
      background-color: #3071a9;
      color: #ffffff;
      border-color: #285e8e;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }
  .RadButton_ARButton.rbCheckBox, .RadButton_ARButton.rbRadioButton, .RadButton_ARButton.rbToggleButton, .RadButton_ARButton.rbCheckBox .rbIcon, .RadButton_ARButton.rbRadioButton .rbIcon, .RadButton_ARButton.rbToggleButton .rbIcon {
    color: #333333; }
  .RadButton_ARButton.rbCheckBox.rbHovered, .RadButton_ARButton.rbRadioButton.rbHovered, .RadButton_ARButton.rbToggleButton.rbHovered, .RadButton_ARButton.rbCheckBox.rbHovered .rbIcon, .RadButton_ARButton.rbRadioButton.rbHovered .rbIcon, .RadButton_ARButton.rbToggleButton.rbHovered .rbIcon, .RadButton_ARButton.rbCheckBox.rbSelected .rbIcon, .RadButton_ARButton.rbRadioButton.rbSelected .rbIcon, .RadButton_ARButton.rbToggleButton.rbSelected .rbIcon {
    color: #428bca; }
  .RadButton_ARButton.rbCheckBox.rbHovered.rbSelected, .RadButton_ARButton.rbRadioButton.rbHovered.rbSelected, .RadButton_ARButton.rbToggleButton.rbSelected.rbSelected, .RadButton_ARButton.rbCheckBox.rbHovered.rbSelected .rbIcon, .RadButton_ARButton.rbRadioButton.rbHovered.rbSelected .rbIcon, .RadButton_ARButton.rbToggleButton.rbSelected.rbSelected .rbIcon {
    color: #3071a9; }
  .RadButton_ARButton.rbButton.rbPrimaryButton.rbCheckBox, .RadButton_ARButton.rbButton.rbPrimaryButton.rbRadioButton, .RadButton_ARButton.rbButton.rbPrimaryButton.rbToggleButton, .RadButton_ARButton.rbButton.rbPrimaryButton.rbCheckBox .rbIcon, .RadButton_ARButton.rbButton.rbPrimaryButton.rbRadioButton .rbIcon, .RadButton_ARButton.rbButton.rbPrimaryButton.rbToggleButton .rbIcon {
    color: #ffffff; }
  .RadButton_ARButton.rbButton.rbRtl .rbSplitPart, .RadButton_ARButton.rbButton.rbRtl .rbSplitPart.rbHovered {
    border-right-color: #cccccc; }
  .RadButton_ARButton.rbButton.rbRtl .rbSplitPart.rbSelected {
    border-right-color: #c2c2c2; }

span.RadButton_ARButton.rbButton {
  padding: 0.14286em 0.85714em 0.07143em;
  padding: 0.21429em 0.85714em 0.14286em \9; }

_:-ms-fullscreen, :root span.RadButton_ARButton.rbButton {
  padding: 0.21429em 0.85714em; }

span.RadButton_ARButton.rbButton .rbText {
  vertical-align: sub; }

Mark
Top achievements
Rank 1
 answered on 09 Jul 2018
2 answers
25 views

Hi..

I created a new skin using the builder, just select WebBlue and changed the color to Green. When I apply the skin I get window with no border and no color.

Here's what the SkinBuilder generated. Any ideas?

 

thx

 

.RadWindow_Flom1{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:12px}.RadWindow_Flom1 .rwTopLeft,.RadWindow_Flom1 .rwTopRight,.RadWindow_Flom1 .rwTitlebar,.RadWindow_Flom1 .rwFooterLeft,.RadWindow_Flom1 .rwFooterRight,.RadWindow_Flom1 .rwFooterCenter,.RadWindow_Flom1 .rwTopResize,.RadWindow_Flom1 .rwStatusbar div,.RadWindow_Flom1 .rwStatusbar,.RadWindow_Flom1 .rwPopupButton,.RadWindow_Flom1 .rwPopupButton span,.RadWindow_Flom1.rwMinimizedWindow .rwCorner{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 .rwBodyLeft,.RadWindow_Flom1 .rwBodyRight,.RadWindow_Flom1 .rwStatusbarRow .rwCorner{background-image:url('Window/WindowVerticalSprites.gif')}.RadWindow_Flom1 .rwShadow .rwTopLeft,.RadWindow_Flom1 .rwShadow .rwTopRight,.RadWindow_Flom1 .rwShadow .rwTitlebar,.RadWindow_Flom1 .rwShadow .rwFooterLeft,.RadWindow_Flom1 .rwShadow .rwFooterRight,.RadWindow_Flom1 .rwShadow .rwFooterCenter,.RadWindow_Flom1 .rwShadow .rwTopResize,.RadWindow_Flom1 .rwShadow .rwStatusbar div,.RadWindow_Flom1 .rwShadow .rwStatusbar,.RadWindow_Flom1 .rwShadow .rwPopupButton,.RadWindow_Flom1 .rwShadow .rwPopupButton span,.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowHorizontalSprites.png')}.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.png')}.RadWindow_Flom1 .rwStatusbar input{background-color:#f7ffe9}.RadWindow_Flom1 .rwControlButtons a{background-image:url('Window/CommandButtonSprites.gif')}.RadWindow_Flom1 a.rwIcon{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 table.rwTitlebarControls em{color:#ffffff}.RadWindow_Flom1 input.rwDialogInput{border:1px solid #76a5a5}.RadWindow_Flom1 input.rwDialogInput:hover{border:1px solid #5db8b7}.RadWindow_Flom1 tr td.rwWindowContent{background-color:#ffffff}.RadWindow_Flom1 table tr td.rwLoading{background-color:#e6ffee}.RadWindow_Flom1 td.rwWindowContent.rwLoading,.RadWindow_Flom1 .rwIframeWrapperIOS.rwLoading{background-image:url('Common/loading.gif')}.RadWindow_Flom1 td input.rwLoading{background-image:url('Common/loading_small.gif')}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -2px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -1px 0 0 \9}.RadWindow_Flom1.rwMinimizedWindowShadow .rwShadow .rwControlButtons{margin:9px -8px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons li{float:left;padding:0}.RadWindow_Flom1 .rwShadow .rwControlButtons a{width:30px}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopResize,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar div,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton span,.RadWindow_Flom1.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterRight{background-image:url('Window/WindowHorizontalSprites.gif')!important}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.gif')!important}

Jonathan
Top achievements
Rank 1
Veteran
 answered on 28 Jun 2018
0 answers
45 views

Hi Community.

I have a SharePoint 2010 web part that uses Telerik ASP.Net Ajax UI and Skin component (version 2013.3.1114.35).

The skins work fine in the http site but fail to load in the https site. Identical web.config in both sites.

Same Telerik.Web.UI.Web.Resource.axd version in both http and https site under teh <handlers> and <httphandlers> sections in web.config.

I debugged and the Telerik API 'GetEmbeddedSkinNames' in http site retrieves all skins and return none in https so it falls to 'Default' skin.

In the C# project the both Telerik assemblies (Telerik.Web.UI and Telerik.Web.UI.Skins) have 'Specific Version= true' in the dll property window.

In the WFE server's GAC there are multiple Telerik assemblies (3 Telereik.Web.UI and 2 Telerik.Web.UI.Skins - the version I use is the latest registered in the GAC.

 

Just to make everything else even more confusing, in the test site (replica of Production) http and https work fine both.

Any idea? I'd try everything that you suggest me as I hit a point that I have no more ideas (and energy) to work on this! :)

Thank you and Happy Holidays!

 

 

 

loco
Top achievements
Rank 1
 asked on 27 Dec 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?