Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
1.1K+ views

Hello,

I wonder if you have bootstrap themes to use in my projects?

 

 

Vessy
Telerik team
 answered on 13 Jan 2021
1 answer
68 views

Skin is not applied to RadLabel, when i am using Sass Theme Builder for Bootstrap.

Even if I select all the controls, there is no css file in the downloaded archive that would contain the class name .RadLabel

Rumen
Telerik team
 answered on 16 Dec 2019
1 answer
66 views

i followed the doc of telerik

create new material theme in theme builder, download, unzip to App_themes -> MyTheme folder

Added a MySkin.skin file and add <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 

in web.config, add app settings

<add key="Telerik.Skin" value="MySkin"/>
<add key="Telerik.EnableEmbeddedSkins" value="false" />
<add key="Telerik.EnableEmbeddedBaseStylesheet" value="false" />

<add key="Telerik.Web.UI.RenderMode" value="lightweight"/>

Create a new aspx page, add a telerik button control, but skin not implement

I tried add skin="MySkin" on the control, not working

i saw the source code, the button already have "RadButton_MySkin" class there

 

do i missing anything?

Please help

Thx

 

 

 

 

 

Vessy
Telerik team
 answered on 10 Aug 2018
17 answers
298 views

Hi..

Again .. I have a custom skinned window. But the CLOSE button does not appear on the 'title'. If I remove the skin. It shows the close.

Any ideas?  thx again!!

 


            <telerik:RadWindow  Skin="Flom" EnableEmbeddedSkins="false" rendermode="Lightweight" runat="server" ID="RadWindow_NavigateUrl" NavigateUrl="About.aspx" Height="300" Width="350" EnableShadow="true"  IconUrl="images/GlobeSmall.png"  
                  Modal="true" Behaviors="Close" ShowContentDuringLoad="true" RestrictionZoneID="NavigateUrlZone"  Animation="FlyIn" VisibleStatusbar="False">
            </telerik:RadWindow>

 

          

 

    if (e.CommandName == "btnPrint")
            {
                GridEditableItem editedItem = (GridEditableItem)e.Item;

                Session["PO_NO"] = editedItem.GetDataKeyValue("po_no").ToString();
       
                RadWindow_NavigateUrl.NavigateUrl = "ReportViewer.aspx";

                string _title = String.Concat("Flom PO ", " - ", editedItem.GetDataKeyValue("po_no").ToString());

                RadAjaxManager1.ResponseScripts.Add(String.Format("var wnd = $find('{0}'); wnd.show(); wnd.set_title('{1}')", RadWindow_NavigateUrl.ClientID, _title));

            }

     

 


Jonathan
Top achievements
Rank 1
Veteran
 answered on 16 Jul 2018
2 answers
180 views

Hi..

I'd like to apply my custom skin to a GridButtonColumn.

What do I set the ButtonCssClass to?   Skins/Flom/Button.Flom.css ?

thx again!!

 

 

   GridButtonColumn btnFSR = new GridButtonColumn();
   btnFSR.ButtonCssClass =  ????

Jonathan
Top achievements
Rank 1
Veteran
 answered on 10 Jul 2018
3 answers
34 views

The RadWindow right below my RadMenu will not skin. Can't figure that one out!

Any ideas? thx!!!!

 

This is the masterpage.... 

             <telerik:RadMenu rendermode="Lightweight" Skin="Flom" EnableEmbeddedSkins="false"  runat="Server" ID="RadMenu" EnableShadows="true" EnableRoundedCorners="true"  OnClientItemClicked="openWinNavigateUrl"
                Style="float: none; position: absolute; top: 50px; z-index: 2000" Width="100%" CssClass="RadMenu">
                <Items>

                        <telerik:RadMenuItem IsSeparator="true" />

                    <telerik:RadMenuItem runat="server" Text="Purchase Orders"  NavigateUrl="PurchaseOrders.aspx"/>

                        <telerik:RadMenuItem IsSeparator="true" />

                    <telerik:RadMenuItem runat="server" Text="Shipment History" NavigateUrl="ShippingHistory.aspx"/>

                        <telerik:RadMenuItem IsSeparator="true" />

                    <telerik:RadMenuItem runat="server" Text="Payments" NavigateUrl=""  />

                        <telerik:RadMenuItem IsSeparator="true" />

                    <telerik:RadMenuItem runat="server" Value="About" Text="About" />               
                    
                        <telerik:RadMenuItem IsSeparator="true" />      
                 
                </Items>
            </telerik:RadMenu>
       
        
            <telerik:RadWindowManager ID="RadWindowAbout" rendermode="Lightweight" Skin="Flom" EnableEmbeddedSkins="false" runat="server" Animation="FlyIn" Modal="True" />

            <telerik:RadWindow  Skin="Flom" EnableEmbeddedSkins="false" rendermode="Lightweight" runat="server" ID="RadWindow_NavigateUrl" NavigateUrl="About.aspx" Height="300" Width="350" EnableShadow="true"  IconUrl="images/GlobeSmall.png"  
                  Modal="true" Behaviors="Close" ShowContentDuringLoad="true" RestrictionZoneID="NavigateUrlZone"  Animation="FlyIn" VisibleStatusbar="False">
            </telerik:RadWindow>

     
            <telerik:RadCodeBlock ID="RadCodeBlock1"  runat="server">
                <script type="text/javascript">
                    function openWinNavigateUrl(sender, args) {

                        var itemValue = args.get_item().get_value();
                        if (itemValue == "About") {
                            $find("<%=RadWindow_NavigateUrl.ClientID %>").show();
                        }
                    }

              </script>
                
            </telerik:RadCodeBlock>

Rumen
Telerik team
 answered on 05 Jul 2018
8 answers
163 views

Hi.. I created a new theme (as you know)

When I apply the theme - the 'Expand' symbol/graph does not appear.  See attachment. If i remove it I see the '>'.

 

Here's the generated CSS - how can I make the arrow appear or add my own image?

 

thx again!

 

.RadGrid_Flom .rgActiveRow td:not(.rgExpandCol) {
  box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767; 
}

.RadGrid_Flom .rgActiveRow td:first-child:not(.rgExpandCol),
.RadGrid_Flom GTT06222018 + td {
    box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767, inset 5px 0px 5px -5px #676767;
}

.RadGrid_Flom .rgActiveRow td:not(.rgExpandCol):last-child {
    box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767, inset -5px 0px 5px -5px #676767;
}

Rumen
Telerik team
 answered on 04 Jul 2018
1 answer
120 views

Hi.

When I apply my custom theme the RadDatePicker does not show the small calendar icon on the right in the input text field.

Any ideas?

thx

Rumen
Telerik team
 answered on 03 Jul 2018
3 answers
63 views

Hi..

I added my custom theme. But it does not skin the Radmenu or any of the controls on a page. Page contains master page.

Any ideas what is wrong?  I have the following in the Master

    <link href="~/Skins/Flom/Window.Flom.css" rel="stylesheet" /> 

 

See attachment

thx again!

Jonathan
Top achievements
Rank 1
Veteran
 answered on 29 Jun 2018
13 answers
51 views

Hi..

I tried the theme builder - it seems to work. My theme was created. But my RadWindow contains an odd vertical black line.  Any ideas?

See the attachment.

thx

Jonathan
Top achievements
Rank 1
Veteran
 answered on 28 Jun 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?