Questions on UI for ASP.NET AJAX Forum

2 answers

115 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

127 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

93 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

428 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

316 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

182 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

3 answers

327 views

Styling RadTab

Hi, I am currently working on a multi-step form and i am using RadTabStrip for the same.

I am placing the tabs in vertical orientation. Now I would like to give a background color to the tabs.

My issue is that that background color would apply only till the tabs, but rather i would want the background to apply till the height the page view.

Like shown in the pic.

Also, just to note that all the page view have different height. and also the height will change dynamically as many controls are added dynamically.

thanks in advance for all kinds for inputs...

TabStrip

answered on 10 Aug 2016

5 answers

278 views

[Solved] NestedViewTemplate and Filtering

I wrote something that is very similar to this Demo:
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplatedeclarativerelations/defaultvb.aspx

The difference is my radgrid has sorting features enabled. After running a sort to narrow down the list, the rows no longer expand. It triggers the event, and seems to do everything else properly but does not expand the rows so that specific data is available to the user.

I would appreciate any feedback and will offer my code if it's necessary. I thought that it would be something to do with the code behind but after working on this for a day and a half I am almost certain it's some setting I missed in the aspx page. I'm still researching this issue as I work but I could really use a hint or three.

Thanks,
Oscar

Filter

answered on 09 Aug 2016

0 answers

126 views

Mobile Responsiveness

I have the following coded for my grid:

<telerik:RadGrid ID="grdShoppingCart" runat="server" Width="100%" RenderMode="Auto" Height="100%">
<HeaderStyle Height="30px" />
<MasterTableView Width="100%" Height="100%" AutoGenerateColumns="false" Font-Size="1.25em" TableLayout="Auto" NoMasterRecordsText="No courses selected" NoDetailRecordsText="No courses selected">
<Columns>
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="NameOfCourse" HeaderText="Course Name" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="IndustryName" HeaderText="Profession" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="StateCd" HeaderText="State" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CourseHours" HeaderText="Hours" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CoursePrice" HeaderText="Price" ItemStyle-HorizontalAlign="right" DataFormatString="{0:c}" HeaderStyle-HorizontalAlign="right" />
<telerik:GridTemplateColumn HeaderText="Remove" ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="Right" ItemStyle-Wrap="false" HeaderStyle-Wrap="false">
<ItemTemplate>
<asp:LinkButton ID="RemoveItem" Text="Remove" runat="server" CommandName="DeleteRecord" ForeColor="red" CausesValidation="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="CourseItemId" Display="false" />
<telerik:GridBoundColumn DataField="CourseCode" Display="false" />

</Columns>

</MasterTableView>

</telerik:RadGrid>