change CSS for IndicatorElementBaseStyle

9 posts, 0 answers
  1. sho
    sho avatar
    24 posts
    Member since:
    Mar 2007

    Posted 20 Oct 2011 Link to this post

    Hi,

    I want to change the background color for Indicator in InputPasswordStrengthSettings.  What all I should specify in the CSS file?

    Thanks,

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 21 Oct 2011 Link to this post

    Hello Sho,

    By default you change CSS for IndicatorElementBaseStyle by overriding the following CSSes .riStrengthBarL0,.riStrengthBarL1,.riStrengthBarL2,.riStrengthBarL3,.riStrengthBarL4,.riStrengthBarL5
    As an example you can change the VeryWeak CSS as shown below similarly you can use the other CSS classes to change its own background color.
    CSS:
    <style type="text/css">
    .riStrengthBarL1
    {
     background:Yellow !important;
    }
    </style>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 20 Aug 2015 Link to this post

    Hi Shinu,

     

    I just want to have only these levels. "Weak,Medium,Strong"
    and i am giving the value as "50;15;15;20"  . please advise what value to specify to have only weak,Medium and strong.

  5. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 24 Aug 2015 Link to this post

    Hello Gayathri,

    In order to specify the strength descriptions manually you should add them to the TextStrengthDescriptions property.

    <telerik:RadTextBox ID="RadTextBox1" runat="server" TextMode="Password">
        <PasswordStrengthSettings ShowIndicator="true" TextStrengthDescriptions="Weak;Medium;Strong" />
    </telerik:RadTextBox>


    Regards,
    Viktor Tachev
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
  6. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 08 Sep 2015 Link to this post

    Hi,

     

    Thanks for your reply. Meanwhile i need one more help. Since i am not able to add a new thread adding hereitself.

       function ProcesHierarchyClick(sender, args)
        {    


            var ajaxManager = $find("<%="ajmMaster"%>");                 
                   
            
            if(args.get_node().get_enabled())    
            {
                gAjaxRequestArgs = "HierNode:" + args.get_node().get_value();
                ajaxManager.ajaxRequest( gAjaxRequestArgs);  
                return true;
            }
            else
                return false;
        } this function works fine with IE. but in Google chrome always ajaxManager returned null because of which what ever i select the selected value will not appear in place. appreciate your instant response.

     

    -Thanks

    Gayathri

  7. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 11 Sep 2015 Link to this post

    Hi Gayathri,

    When using the $find method to access controls on the client you should use the ClientID of the control. The code will look similar to the following:

    var ajaxManager = $find("<%= ajmMaster.ClientID %>");



    Regards,
    Viktor Tachev
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
  8. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 11 Sep 2015 in reply to Viktor Tachev Link to this post

    Thanks for your reply Viktor. But unfortunately that does not work. so i have moved the script in client side to server side (in the node clik of the control) and implemented my requirement.

     

    Thank you very much for your reply.

     

  9. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 11 Sep 2015 in reply to Viktor Tachev Link to this post

    I am using a telerik radgrid in my project. 
    I am trying to display " No records to display" message whenever there is no record in the form. 
    The problem is the code works fine in IE,firefox and chrome. but not in safari.

    i have tried the below settings also 
    setting padding-right:800px which when verified using inspect element makes the label aligned to left side. 
    but in code hm..... it eats up my head.

    Appreciate immediate help.!!


    -Thanks
    Gayathri
  10. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 14 Sep 2015 Link to this post

    Hello Gayathri,

    Note that the No Records text should be displayed out of the box when there are no records in the data source. If you would like to customize the message you can add a NoRecordsTemlate to the GridTableView.

    However, there is no need to implement any additional logic to display the NoRecordsTemplate. Would you share your markup and code behind so we can examine it?

    Also, please describe the behavior you are observing in more detail. Disable AJAX on the page by setting EnableAjax property of RadAjaxManager to false and see if there are any errors thrown.

    Regards,
    Viktor Tachev
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017