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

Forums / Designing & Styling / RadTabstrip
  • issue
  • RadTabstrip <li> issue

    5 posts, 0 answered
    1. Shawn Davis
      Shawn Davis avatar
      81 posts
      Registered:
      13 Oct 2012
      14 Dec 2012
      Link to this post
      I am admittedly not great with CSS so after fighting this for a few hours I'm hoping someone else can clear this up for me.  I've added a menu to my page template in Sitefinity 5.2 and I wanted it to display as plain text with a "|" in between items.  So I added the followinf CSS:

      .placeholder_2 .RadTabStrip li + li:before
      {
          content: "|";
          padding: 0 10px 0 0;
      }
       Which causes all items after the first to display below.  See the attachment.  I've tried everything and nothing helps.  Thanks much!
    2. Veronica
      Veronica avatar
      125 posts
      Registered:
      30 Jan 2015
      18 Dec 2012
      Link to this post
      Hi,

      Thank you for contacting Telerik Support.

      Could you please send us the whole css that you are using. Also are you using a Sitefinity theme, base stylesheet or some of the embedded skins of the RadTabStrip.

      All the best,
      Veronica Milcheva
      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
    3. Shawn Davis
      Shawn Davis avatar
      81 posts
      Registered:
      13 Oct 2012
      18 Dec 2012
      Link to this post
      Thanks for getting back to me.  I finally went in another direction using a border instead of content and got it working.  Thanks again.
    4. Veronica
      Veronica avatar
      125 posts
      Registered:
      30 Jan 2015
      19 Dec 2012
      Link to this post
      Hello,

      I am glad that you found a solution.

      Please let us know if we can be helpful with anything else.

      Greetings,
      Veronica Milcheva
      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
    5. Steve
      Steve avatar
      3037 posts
      Registered:
      03 Dec 2008
      19 Dec 2012 in reply to Shawn Davis
      Link to this post
      Hey Shawn,
        If you use Firefox as your browser, then install the firebug plugin (and I also like firequery) you can right-click and inspect the elements in super easy to understand detail :)  Firebug is just lightyears beyond chrome debugger, ie debugger, default FF debugger.

      You can also dynamically change the css and markup on the fly until you figure out why something is happening (then move the code over to your .css file)

      ...it'll change your life :)
    5 posts, 0 answered