1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Login Control customization

Login Control customization

2 posts, 0 answered
  1. Dmitry
    Dmitry avatar
    1 posts
    Registered:
    04 May 2011
    12 May 2011
    Link to this post
    Hi,
    I'd like to customize login control and use it on my custom master page.
    Could you please help me giving some source code example how to do it?
    I put control on my master page and it's displayed perfectly, but I don't know how to change LayoutTemplate to provide all the fields needed.

    Thank you,
    Dmitry.
  2. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    16 Aug 2017
    16 May 2011
    Link to this post
    Hello Dmitry,

    To customize the way the control is displayed at the fronted add css classes inside your theme and address the control. I have attached a sample css file to illustrate how to set the css classes ( please use firebug to find names of the elements you need) .
    If you need to achieve some fancy functionality with the login control feel free to use images attached to your theme and javascript.

    $(document).ready(function() {
          
        $('.sfLoginField .sfTxtLbl').click(function() {
          
            if($(this).html() == "Username") {
                if($(this).next().attr('class')== 'Help help-username') {
                    $('.help-username').toggle();
                }
                  
                if($(this).next().attr('class')== 'sfTxt') {
                    $(this).after('<div class="Help help-username">Enter your User name here.</span>')    
                }
            }
      
      
            if($(this).html() == "Password") {
                if($(this).next().attr('class') == 'Help help-password') {
                    $('.help-password').toggle();
                }
                  
                if($(this).next().attr('class')== 'sfTxt') {
                    $(this).after('<div class="Help help-password">Enter your Password.</span>')      
                }
            }
      
        })
      
    })


    Hope that information is helpful to you.


    Best wishes,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items


2 posts, 0 answered