Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Tabstrip which has more than 1 Colorpicker

• Mazdak

  Posted on Dec 21, 2010 (permalink)

  I have a tabtrip which has 5 pages, 4 pages have ColorPicker and Telerik slider, I have set the orientation to VerticalLeft, tabs describe at left, but contents go below them. Another problem which I have is IE shows client error at toolbar, it says invalid argument . It looks to me it happens because I have more than one ColorPicker and Slider inside the TabStrip, cause when I remove extra ones, error disappear. The code works fine outside of the Tabstip.
  
  I'd be pleased if you can help on any issue.
  
  
  Here is the code:
  
  

  <

   

   

  telerik:RadTabStrip ID="RadTabStrip1" Orientation="VerticalLeft" runat="server"

   

   

   

  Skin="Vista" MultiPageID="RadMultiPage1" SelectedIndex="1" Align="Justify" ReorderTabsOnSelect="True">

   

   

   

  <Tabs>

   

   

   

  <telerik:RadTab Text="Background Image" Width="155px">

   

   

   

  </telerik:RadTab>

   

   

   

  <telerik:RadTab Text="Background Color" Selected="True" Width="155px">

   

   

   

  </telerik:RadTab>

   

   

   

  <telerik:RadTab Text="Toolbar Color" Width="155px">

   

   

   

  </telerik:RadTab>

   

   

   

  <telerik:RadTab Text="Sub-header Color" Width="155px">

   

   

   

  </telerik:RadTab>

   

   

   

  <telerik:RadTab Text="Sub-header Border Color" Width="155px">

   

   

   

  </telerik:RadTab>

   

   

   

  </Tabs>

   

   

   

  </telerik:RadTabStrip>

   

   

   

  <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="1">

   

   

   

  <telerik:RadPageView ID="RadPageView1" runat="server">

   

  Background Image:

   

   

  <asp:DropDownList ID="ddlImage" runat="server">

   

   

   

  <asp:ListItem Value="mainBack.png">Default</asp:ListItem>

   

   

   

  </asp:DropDownList>

   

   

   

  </telerik:RadPageView>

   

   

   

  <telerik:RadPageView ID="RadPageView2" runat="server" >

   

   

   

  <table style="width:310px">

   

   

   

  <tr>

   

   

   

  <td>

   

   

   

  <asp:Label ID="Label2" runat="server" Text="BackGround Color:"></asp:Label>

   

   

   

  </td>

   

   

   

  <td>

   

   

   

  <telerik:RadColorPicker runat="server" ID="RadColorBackGround" PaletteModes="All"

   

   

   

  SelectedColor="98, 108, 137">

   

   

   

  </telerik:RadColorPicker>

   

   

   

  </td>

   

   

   

  <td>

   

  Opacity:

   

   

  </td>

   

   

   

  <td>

   

   

   

  <telerik:RadSlider ID="radSliderBackGroundColor" runat="server" MinimumValue="0"

   

   

   

  MaximumValue="100" SmallChange="5" LargeChange="10" Value="90" ItemType="tick"

   

   

   

  Height="70px" Width="350px" AnimationDuration="400" ThumbsInteractionMode="Free">

   

   

   

  </telerik:RadSlider>

   

   

   

  </td>

   

   

   

  </tr>

   

   

   

  </table>

   

   

   

  </telerik:RadPageView>

   

   

   

  <telerik:RadPageView ID="RadPageView3" runat="server" >

   

   

   

  <table style="width:310px;">

   

   

   

  <tr>

   

   

   

  <td>

   

   

   

  <asp:Label ID="Label1" runat="server" Text="Toolbar Color:"></asp:Label>

   

   

   

  </td>

   

   

   

  <td>

   

   

   

  <telerik:RadColorPicker runat="server" ID="RadColorToolbar" PaletteModes="All" SelectedColor="98, 108, 137">

   

   

   

  </telerik:RadColorPicker>

   

   

   

  </td>

   

   

   

  <td>

   

  Opacity:

   

   

  </td>

   

   

   

  <td>

   

   

   

  <telerik:RadSlider ID="radSliderToolbar" runat="server" MinimumValue="0" MaximumValue="100"

   

   

   

  SmallChange="5" LargeChange="10" Value="90" ItemType="tick" Height="70px" Width="350px"

   

   

   

  AnimationDuration="400" ThumbsInteractionMode="Free">

   

   

   

  </telerik:RadSlider>

   

   

   

  </td>

   

   

   

  </tr>

   

   

   

  </table>

   

   

   

  </telerik:RadPageView>

   

   

   

  <telerik:RadPageView ID="RadPageView4" runat="server" >

   

   

   

  <table style="width:310px;">

   

   

   

  <tr>

   

   

   

  <td>

   

  Sub-header Color:

   

   

  </td>

   

   

   

  <td colspan="3">

   

   

   

  <telerik:RadColorPicker runat="server" ID="RadColorSubHeader" PaletteModes="All"

   

   

   

  SelectedColor="98, 108, 137">

   

   

   

  </telerik:RadColorPicker>

   

   

   

  </td>

   

   

   

  </tr>

   

   

   

   

  </table>

   

   

   

  </telerik:RadPageView>

   

   

   

  <telerik:RadPageView ID="RadPageView5" runat="server" >

   

   

   

  <table style="width:310px;">

   

   

   

  <tr>

   

   

   

  <td>

   

  Border color of sub-header:

   

   

  </td>

   

   

   

  <td colspan="3">

   

   

   

  <telerik:RadColorPicker runat="server" ID="RadColorBorderHeader" PaletteModes="All"

   

   

   

  SelectedColor="98, 108, 137">

   

   

   

  </telerik:RadColorPicker>

   

   

   

  </td>

   

   

   

  </tr>

   

   

   

  </table>

   

   

   

  </telerik:RadPageView>

   

   

   

  </telerik:RadMultiPage>
  
  
  Regards
  Mazdak

   

• Answer Dimitar Terziev Dimitar Terziev

  Posted on Dec 23, 2010 (permalink)

  Hello Mazdak,
  
  The reason for your problem and the solution are shown on this forum post here.
  About your second question for the positioning of the pageviews your could check this demo here.
  
  Best wishes,
  Dimitar Terziev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Tabstrip which has more than 1 Colorpicker