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

Forums / Designing & Styling / Language Selector

Language Selector

4 posts, 0 answered
  1. Andrei
    Andrei avatar
    8 posts
    Registered:
    20 Aug 2010
    06 Apr 2011
    Link to this post
    Hi,

    I set "Display Language Selector as Horizontal List", but it is rendered as vertical list.
    Did I misss something?

    Thanks,
    Andrei
  2. Petya
    Petya avatar
    123 posts
    Registered:
    17 Oct 2016
    08 Apr 2011
    Link to this post
    Hello Andrei,

    Unfortunately I'm not able to reproduce your problem. Can you tell me what version of Sitefinity are you using? Where did you add your language selector - directly on the page, or on the page template? Do you have any custom style or theme applied to your page / template? Did you make any other changes to the language selector control? Any additional information would be helpful, thank you in advance!

    Best wishes,
    Petya
    the Telerik team

  3. Andrei
    Andrei avatar
    8 posts
    Registered:
    20 Aug 2010
    08 Apr 2011
    Link to this post

    Language selector is on the page template and I am using Non-Profit Starter Kit for testing Sitefinity.
    Hope this information helps to nail down the problem.

    Andrei
  4. Petya
    Petya avatar
    123 posts
    Registered:
    17 Oct 2016
    13 Apr 2011
    Link to this post
    Hi Andrei,

    This is not a bug. The problem is that the theme, applied to the template in this sample website, has no style for this widget (Language selector) in its main css. (You can try the widget in another page that has no template or theme applied.) What you should do to make this widget work is:
    • edit the Page template, go to Themes and see what is the selected theme 
    • go to App_Themes folder of your project
    • find the theme that is used by the template (for example CharityBlue)
    • open the Global folder
    • edit main.css and add this:  

    .sflanguagesHorizontalList .sflanguageItem
    {
        margin: 0;
        padding: 0;    
        display: inline;
        white-space: nowrap;
    }

    When you select Horizontal List it should be working fine

    Regards,
    Petya
    the Telerik team

4 posts, 0 answered