Questions on UI for ASP.NET AJAX Forum

9 answers

360 views

Stop TabStrip from "Stacking/Providing Multiple Rows of Tabs"

Hi Everyone,

I have what may be a simple question. The 1st screenshot below shows how I want my tabstrip to look, with its alignment fully justified to the page width. However, whenever any item causes the vertical scroll bar to display on the browser, such as in the 2nd attachment, my TabStrip "stacks" (I assume because the scroll bar is consuming horizontal space.).

Therefore, how do I "stop" my TabStrip from stacking/displaying in multiple tab rows? Here is my declaration for the tab strip:

<telerik:RadTabStrip ID="FastportRTS" runat="server" SelectedIndex="0" Skin="BlackMetroTouch"

Align="Justify" >

</telerik:RadTabStrip>

Thanks so much!

TabStrip

answered on 10 Aug 2016

1 answer

235 views

Cant use product due to license

My manager got a license for me. I created a BLANK web project and put just the rad tab strip control (no code) and tried to run and got the following:

Severity Code Description Project File Line Suppression State
Error Unable to resolve type 'Telerik.Web.UI.RadTabStrip, Telerik.Web.UI, Version=2016.2.607.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4' ShipShort E:\Keihin\KCST\Administration\ShipShort\My Project\licenses.licx 1

In the license file:

Telerik.Web.UI.RadTabStrip, Telerik.Web.UI, Version=2016.2.607.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4

Any thoughts on what I need to do?

Mark

General Discussions

answered on 10 Aug 2016

6 answers

94 views

ShowLineImages vs skin

Hi,

I use the metro skin which seems to hide my treeview node lines by default. If I set ShowLIneImages="true" this doesn't have any effect so I what is the correct approach to get no lines with the Metro skin?

TreeView

answered on 10 Aug 2016

1 answer

87 views

RadScheduler ContextMenu's not following Rendermode="Mobile"

RadSchedulerContextMenu's not following the proper render behavior on mobile devices, does anyone have any suggestions.

When the submenus pop up instead of following the behavior that normal RadMenu's they go off the screen.

Scheduler

answered on 10 Aug 2016

2 answers

109 views

Different fonts after upgrading ASP.NET AJAX

Hello.

After upgrading to ASP.NET AJAX 2015_1_401 or to ASP.NET AJAX 2016_2_607, fonts of my website are different in size and family.

These different fonts are in regular text or asp label, not in telerik radcontrols. Now they are smaller than before.

Can you please tell me what is happening?

thanks,

General Discussions

answered on 10 Aug 2016

1 answer

122 views

RangeColumnsSeries and BubbleSeries in same graph

Hi,

I am using telerik RadHtmlChart Component with RangeColumnSeries. I would like to add BubbleSeries to this graph also but it does not appear.

See the png what I would like to do.

and below is the used code:

   <telerik:RadHtmlChart runat="server" ID="RangeColumnChart" Width="800px" Height="500px">
        <ChartTitle Text="Putket">
        </ChartTitle>
        <PlotArea>

            <XAxis Visible="True">
                <Items>
                    <telerik:AxisItem LabelText="1"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="2"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="3"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="4"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="5"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="6"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="7"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="8"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="9"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="10"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="11"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="12"></telerik:AxisItem>
                </Items>
            </XAxis>
            <YAxis Visible="True"></YAxis>
            <Series>
                <telerik:RangeColumnSeries>
                    <SeriesItems>
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="20" />
                        <telerik:RangeSeriesItem From="0" To="20" />
                    </SeriesItems>

                    <LabelsAppearance Visible="false">
                        <FromLabelsAppearance>
                            <ClientTemplate>
                                    #=value.from# °C
                            </ClientTemplate>
</FromLabelsAppearance>
                        <ToLabelsAppearance>
                            <ClientTemplate>
                                    #=value.to# °C
                            </ClientTemplate>
</ToLabelsAppearance>
                    </LabelsAppearance>
                    <TooltipsAppearance Color="White">
                        <ClientTemplate>
                                Avg Min Temp : #= value.from # °C<br>
                                Avg Max Temp : #= value.to # °C
                        </ClientTemplate>
                    </TooltipsAppearance>
                </telerik:RangeColumnSeries>
                   <telerik:BubbleSeries Name="pallukat">

                    <Appearance FillStyle-BackgroundColor="#328fae"></Appearance>
                    <SeriesItems>
                        <telerik:BubbleSeriesItem Size="33739900" X="7" Y="8" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="7" Y="16" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="8" Y="8" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="8" Y="18" Tooltip="CAN" />

                    </SeriesItems>
                </telerik:BubbleSeries>

            </Series>
        </PlotArea>
    </telerik:RadHtmlChart>

Can you provide simple example how I get this work?

Regards,

Auvo

Chart (HTML5)

answered on 10 Aug 2016

2 answers

85 views

Bug with MinDate when clicking Calendar

I have a RadDatePicker inside an asp:ListView that I am having an issue with.

When the page loads I am setting the minDate on the code behind and the control renders like this:

You can see that the minDateStr renders properly.

The bug happens when I click on the calendar to change the date. The control goes into an invalid state because the minDateString turns into "NaN" like so:

I am using Telerik version: 2016.1.225.45

On Windows 10

Using Google Chrome version: 51.0.2704.106 m

DatePicker

answered on 10 Aug 2016

6 answers

415 views

Hide/Show addtional Y Axis in Javascript

I have page which displays chart correctly, when the user selects a radio button triggers a postback and gets more data from the server correctly. I get 2 lines appear on the chart.

In order to spend this up I tried moving all this client side, so return all the series data to the page. I worked out some JavaScript to hide or show the series data. Additionally I hide the additional Y Axis and attempted to show these in the java script but setting:

chart._plotArea.axes[axesIndex].options.visible = true

Has no effect.

I have attached to images one showing all the Y Axis on page load. The other hidden and I selected a radio button the series appears but does not show the Y Axis.

The javascript function is below.

Chart (HTML5)

answered on 10 Aug 2016

2 answers

312 views

Resizing issue with RadSearchBox width 100%

I have a resizing issue with the RadSearchBox. The control has a width of 100%.
When increasing the width of the browser, the RadSearchBox width auto adjust and increase accordingly.
However, when I decrease the browser width, the RadSearchBox width is not decreased.
I would expect the control width to decrease like other Telerik controls.

Can you help me with that please ?

<style type="text/css">

.DivStyle

{

width:90%;

border:1px solid green;

padding:10px;

}

.TableStyle

{

width:100%

}

.TableStyle td

{

width:50%;

border:1px solid red;

padding:10px

}

</style>

<div class="DivStyle">

<table class="TableStyle">

<tr>

<td><telerik:RadSearchBox ID="RadSearchBox1" runat="server" Width="100%" /></td>

<td>Hello world</td>

</tr>

</table>

</div>

SearchBox

answered on 10 Aug 2016

1 answer

175 views

[Solved] The column names with the source SQL tables

Good day,
Maybe I'm wrong read, but I never found the opportunity, how to name columns by the column names in the SQL table.
SQL table I used as a source of data and need to exit in the first row contains the column names.

The result should look like the attached image.

Thank you for your help and example source code.

public override List<Worksheet> GetSheets()

{

var result = new List<Worksheet>();

DataTable data = GetData();

var sheet = new Worksheet();

sheet.Name = "Srpen 2016";

int rowIndex = 1;

foreach (DataRow dataRow in data.Rows)

{

var row = new Row() { Index = rowIndex++ };

int columnIndex = 0;

foreach(DataColumn dataColumn in data.Columns)

{

if (dataColumn.ColumnName == "DochazkaID") continue;

string cellValue = dataRow[dataColumn.ColumnName].ToString();

var cell = new Cell() { Index = columnIndex++, Value = cellValue };

row.AddCell(cell);

}

sheet.AddRow(row);

}

result.Add(sheet);

return result;

}

public DataTable GetData()

{

using (SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString))

{

conn.Open();

string query =

"SELECT Dochazka.DochazkaID,Zamestnanci.Prijmeni,Zamestnanci.Jmeno,Zakazky.Zkratka,Dochazka.MesicID,Dochazka.Den1,Dochazka.Den2,Dochazka.Den3,Dochazka.Den4,Dochazka.Den5,Dochazka.Den6,Dochazka.Den7,Dochazka.Den8,Dochazka.Den9,Dochazka.Den10,Dochazka.Den11,Dochazka.Den12,Dochazka.Den13,Dochazka.Den14,Dochazka.Den15,Dochazka.Den16,Dochazka.Den17,Dochazka.Den18,Dochazka.Den19,Dochazka.Den20,Dochazka.Den21,Dochazka.Den22,Dochazka.Den23,Dochazka.Den24,Dochazka.Den25,Dochazka.Den26,Dochazka.Den27,Dochazka.Den28,Dochazka.Den29,Dochazka.Den30,Dochazka.Den31 FROM dbo.Dochazka INNER JOIN dbo.Zamestnanci ON Dochazka.ZamestnanecID = Zamestnanci.ZamestnanecID INNER JOIN dbo.Zakazky ON Dochazka.ZakazkaID = Zakazky.ZakazkaID WHERE Dochazka.MesicID = DATEPART(MONTH, GETDATE()) ORDER BY Zamestnanci.Prijmeni"

;

SqlCommand cmd = new SqlCommand(query, conn);

DataTable dt = new DataTable();

dt.Load(cmd.ExecuteReader());

return dt;

}

Spreadsheet

answered on 10 Aug 2016