Questions on UI for ASP.NET AJAX Forum

1 answer

192 views

ComboBox is inheriting style from RadGrid using Bootstrap theme

Hi,

I've removed the column borders of RadGrids with this:

.RadGrid_Bootstrap .rgRow td, .RadGrid_Bootstrap .rgEditRow td, .RadGrid_Bootstrap .rgFooter td

{

border-left-style: none !important;

}

This works fine with other themes, but using Bootstrap, the left of the RadComboBox disappears. See image "RadCombo2.PNG"

I can tell it is inheriting the grid style because if I change the above css to this:

.RadGrid_Bootstrap .rgRow td, .RadGrid_Bootstrap .rgEditRow td, .RadGrid_Bootstrap .rgFooter td

{

border-left-style: dotted !important;

}

Then it looks like image "RadCombo1.PNG"

How do I keep the grid column lines hidden, but keep the RadCombo full border??

Thanks!

ComboBox

answered on 16 Jun 2015

1 answer

84 views

RadScriptManager creating DOMs

I am working on increasing the performance of one of our web applications. I have implemented the RadScriptManager and RadStyleSheet Manager into the master pages as well as adding the 2 "add key" lines into the appsetting of the web.config. I also added in the RadCompression to help decrease the weight of files being sent over. I have tried running it with the CDN but it was not loading the pages correctly, so I have disabled the CDN. Running my page on Yslow I have seen a significant drop in the HTTP requests which was a goal, but I have also seen a massive increase in DOM elements. My users are using IE which is not handling the abundance of DOM elements. Can someone explain what might be happening? Is it because I am no longer using the CDN or are there more things I should be adding into my application files?

Thanks in advance for any help!

ScriptManager and StyleSheetManager

answered on 16 Jun 2015

1 answer

110 views

Get data from MySQL table

Hi

What is the easiest way to display data from a MySQL table in a RadGrid?

How do I connect the grid to the database?

I need to be able to edit the data too.

Regards.

Grid

answered on 16 Jun 2015

1 answer

101 views

Pdf Export on AjaxRequest

I have a radgrid with an export button which I was able to exclude from using ajax via ajaxmanager.
However I now require a prompt to the user to choose an option which affects the data that will be exported.
I use a custom rad prompt template to get a dropdownlist option and use a callback function in javascript which makes
an ajax request passing the parameter containing the dropdownlist option selected and then call my export function which no longer
works. Is there a good workaround so my export will still work after a prompt to the user?

Thanks for the help.

protected void rg_ClientCalculators_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "ExportCalculator")

{

ViewState["CalculatorID"] = int.Parse(e.CommandArgument.ToString());

RadWindowManager1.RadPrompt("Show all line items?", "callbackFn", 300, 300, null, "Calculator Export", " ");

}

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

if (e.Argument == "Yes")

ExportCalculator(true);

else if (e.Argument == "No")

ExportCalculator(false);

}

private void ExportCalculator(bool showAllLineItems)

{

Company UsersCompany = DAL.GetCompanyInfo(CurrentUser.UserID);

var calculatorID = (int)ViewState["CalculatorID"];

DataTable CalculatorClientInfo = DAL.ExportCalculatorClientInfo(calculatorID);

ReportProcessor Processor = new ReportProcessor();

InstanceReportSource ReportSource = new InstanceReportSource();

ClientTrackerReports.CalculatorExport Report = new CalculatorExport();

Report.ReportParameters["CalculatorID"].Value = calculatorID;

Report.ReportParameters["CompanyName"].Value = UsersCompany.CompanyName;

Report.ReportParameters["ClientName"].Value = CalculatorClientInfo.Rows[0]["ClientName"];

Report.ReportParameters["AnotherVendor"].Value = CalculatorClientInfo.Rows[0]["AnotherVendor"];

Report.ReportParameters["DateOfStatementProvided"].Value = CalculatorClientInfo.Rows[0]["DateOfStatementProvided"];

Report.ReportParameters["ShowAllLineItems"].Value = showAllLineItems;

ReportSource.ReportDocument = Report;

ViewState.Remove("CalculatorID");

Hashtable DeviceInfo = new Hashtable();

RenderingResult Result = Processor.RenderReport("PDF", ReportSource, DeviceInfo);

string FileName = CalculatorClientInfo.Rows[0]["ClientName"].ToString() + "-Pricing." + Result.Extension;

Response.Clear();

Response.ContentType = Result.MimeType;

Response.Cache.SetCacheability(HttpCacheability.Private);

Response.Expires = -1;

Response.Buffer = true;

Response.AddHeader("Content-Disposition", string.Format("{0};FileName=\"{1}\"", "attachment", FileName));

Response.BinaryWrite(Result.DocumentBytes);

Response.End();

}

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function callbackFn(arg) {

if (arg) {

$find("<%=RadAjaxManager1.ClientID %>").ajaxRequest(arg);

}

</script>

</telerik:RadCodeBlock>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<PromptTemplate>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function closePrompt(winid) {

var select = document.getElementById('select' + winid);

var selectedValue = select.options[select.selectedIndex].value;

var confirmWnd = $find(winid);

confirmWnd.close(selectedValue);

}

</script>

</telerik:RadCodeBlock>

<div class="windowpopup radprompt">

<div class="dialogtext">

{1}

</div>

<div>

<select id="select{0}">

<option value="Yes">Yes</option>

<option value="No">No</option>

</select>

</div>

<div>

<input type="button" onclick="closePrompt('{0}');" value="OK" />

<input type="button" onclick="$find('{0}').close();" value="Cancel" />

</div>

</PromptTemplate>

</telerik:RadWindowManager>

General Discussions

answered on 16 Jun 2015

0 answers

69 views

Data validation - RadWindow

Hello,

Does anyone can help me with a simple example for the data validation inside radwindow as modal dialog.

Thank you.

Window

asked on 16 Jun 2015

1 answer

143 views

RadAsyncUpload auto resume file upload on dropped internet connections.

I am looking for auto resume upload functionality for dropped internet connection. Is this feature implemented in latest version of telerik controls?

Ref: http://www.telerik.com/forums/lost-connection-during-upload

AsyncUpload

answered on 16 Jun 2015

1 answer

123 views

RadComboBox autocomplete does not working at another computer

Code:

private void Bind_ddlProduct(RadComboBox p_rcbProduct)

{

ProductCollection oProductCollection = new ProductCollection();

oProductCollection.DAL_Load(null, null, null, null, null, null, null, null, null, true, false, false, null, null, null, null, null, null);

p_rcbProduct.DataSource = oProductCollection;

p_rcbProduct.DataTextField = "ProductName";

p_rcbProduct.DataValueField = "ProductID";

p_rcbProduct.DataBind();

p_rcbProduct.AllowCustomText = false;

p_rcbProduct.MarkFirstMatch = true;

}

<telerik:RadComboBox ID="rcbProduct" runat="server" Width="180" Height="100px" MarkFirstMatch="true"

EmptyMessage="Select Product" ClientIDMode="Static" AllowCustomText="false" Filter="None"

ChangeTextOnKeyBoardNavigation="true" >

</telerik:RadComboBox>

The case:

That code is working on my server. Then I build at production, use same Telerik version. After some weeks this case appears:

Look at Product.jpg

at production server, I try to type : 'Eas' then when I try to type next letter 't', the dropdownlist autocomplete stop working and the text field back to blank.

The datasource there is record showing word 'East'

Telerik version attached.

ComboBox

answered on 15 Jun 2015

2 answers

213 views

Does MediaPlayer allow percent size?

Hi! It seems to me, I found nothing about adaptive MediaPlayer size at forum.

The problem is that, if I don't define Width and Height properties, MediaPlayer shrinks to it minimal height.

Well, if we define width via css style to any percent value, MediaPlayer corresponds to this width. But any attempts to set Height (using css, skin, javascript) fail.

.mplayer {

width: 80%;

margin: 0 auto;

height: 100%;

}

I need proportional dimensions, ex. 3:4. I want to set the height to 0.75 of width with any possible way.

Did anybody try to change MediaPlayer size so? Is it possible finally? Thank you in advance!

MediaPlayer

answered on 15 Jun 2015

5 answers

156 views

How to prevent drop and change icon

Hi,

I am using OnClientNodeDragging to track when a node is being dragged. I want to allow dropping only on certain nodes and to display a 'no entry' icon when dragging over an non-drop node. (similar to what the RadTreeview does when you drag a node over itself)

I assume I need to use 'set_allowDrop' but I can only set this on the node being dragged, not the underlying node ie. I want to get a reference to the node being dropped on, not the html object from get_htmlElement.

TreeView

answered on 15 Jun 2015

1 answer

101 views

Handling auto-complete search on server side?

I'm having some trouble understanding how the datasource calls are handled on the server side.

In this scenario i'd like to have the search box only request after either 3 letters are entered, or if the search button is pressed. I'm binding to my own datasource connecting to a BI layer. I don't quite understand how the onSearch event is fired both if the search is pressed, or if data changes in the box. What is the difference then when a user actually selects an item from the list?

A code example would be helpful.

SearchBox

answered on 15 Jun 2015