Questions on UI for ASP.NET AJAX Forum

1 answer

62 views

Hi!

I'm currently using a Lightbox databound to a DataTable to display all the images in a directory. I'd like to add a RadSocialShare control to the Lightbox but I'm not sure how to use it. I've looked into using custom templates, but as soon as I do that the built-in databound functionality of the Lightbox control breaks and I can't figure out how to bind the controls to it since binding to the reserved names doesn't seem to work.

Could you provide me with some examples/help on this?

Thanks!

LightBox

answered on 04 Dec 2015

1 answer

190 views

korean typing error in internet explorer

Editor

answered on 04 Dec 2015

1 answer

87 views

how to modify css so that RadDoc has auto width?

I have an aspx page with two telerik RadDockZones so that when the page is expanded I have two columns on the page displaying a list of RadDocks. I need to convert to this to one column (or no columns really) where the RadDockzone and the RadDocks take up the width of the page. It was easy to make the display one (or no) column -- I just removed the 2nd RadDockZone tag (and associated tags) so that the RadDocks on the right side of the page are now directly under the RadDocks on the left side of the page. The problem I am having is that I need the RadDockZone and the RadDocks to take up the width of the page. How to do this? I was able to hardcode a value in the width of the RadDockZone (but that is hardcoded -- I need auto) and the RadDocks reference a class in Dock.Custom.css. This .css file is reference by several other pages in the web app. I will list a bit of the markup for the RadDockZone/RadDock and list the content of the Dock.Custom.css file. I would appreciate any suggestions how to proceed from here on making the RadDockZon/RadDocks auto width (without affecting all the other pages in the web app)

................................some markup from the .aspx page -- Skin ="Custom" this is the css class for the RadDock

..........

And here is the .css file with the custom class -- how to make RadDockZone/RadDock autowidth?

...............................................

.RadDock_Custom
{
    height: 220px !important;
    width: 640px !important;
}
.RadDock_Custom .rdMiddle .rdLeft,
.RadDock_Custom .rdMiddle .rdRight {
background-image: url('../Images/VerticalSprite.gif'); }
.RadDock_Custom .rdTop .rdLeft,
.RadDock_Custom .rdTop .rdRight,
.RadDock_Custom .rdTop .rdCenter,
.RadDock_Custom .rdBottom .rdLeft,
.RadDock_Custom .rdBottom .rdRight,
.RadDock_Custom .rdBottom .rdCenter {
background-image: url('../Images/HorizontalSprite.png');
}
.RadDock_Custom .rdCenter .rdCommands a span {
background-image: url('../Images/CommandSprite.gif') }
.RadDock_Custom .rdMiddle .rdCenter,
.RadDock_Custom .rdBottom .rdCenter {
background-color: white; }
.RadDock_Custom .rdTitleBar em {
color: white !important;
font-size:12pt !important;
font-family:"Segoe UI", Arial, sans-serif;
font-weight:bold !important;}
.RadDock_Custom .rdContent
{
    background-repeat:repeat-y;
background-position:left;
margin:10px auto;
height:190px !important;
width:620px !important;
color:black !important;
font-family:"Segoe UI", Arial, sans-serif;
line-height:16pt !important;
text-align:justify;
font-size:12px !important;
vertical-align:bottom !important}
.RadDock_Custom .rdTitleBar, .rdTitle {
background:#476bb3;}

...........................................

General Discussions

answered on 03 Dec 2015

1 answer

71 views

Tab and Rad pane

Hi,

I am attaching some screen shots here .

Screenshot 1 - > FTA tab is selected. We can see other child tabs in it ,FTA EFTA and FTA Japan.

FTA EFTA has Rad pane . Loading "html" page to Radpane contenturl .it is ok . Then this html contains another <anchor tags> links when we click on it .it will display another html . But I see that it is not loading to that Radpane . Need to know which html page (url of the html ) is displaying on the click of "Report button" on the top of the page in blue header . how can I achieve it using "javascript" ?

can anyone help?

TabStrip

answered on 03 Dec 2015

1 answer

149 views

Manually Initialize ComboBox list via javascript

For the life of me, I've been trying to search of a way to manually initialize a radcombobox. I'm able to initialize it via the ItemsRequested event like so

Public Sub IndustryAssigment_ItemsRequested(sender As Object, e As RadComboBoxItemsRequestedEventArgs)

Dim IlkIndustryTaxonomyTier3Source = New List(Of lkIndustryTaxonomyTier3)

IlkIndustryTaxonomyTier3Source = _IlkIndustryTaxonomyTier3Manager.List()

_view.GetrcbMacroOTHemscott3.DataTextField = "OTHemscott3"

_view.GetrcbMacroOTHemscott3.DataValueField = "OTHemscott3PK"

_view.GetrcbMacroOTHemscott3.DataSource = IlkIndustryTaxonomyTier3Source

_view.GetrcbMacroOTHemscott3.DataBind()

End Sub

But this is only called upon firing the said event.

Is there a way to manually fire this event via javascript as this combobox is inside a radwindow that is being opened via another javascript call.

Regards,

Nick

ComboBox

answered on 03 Dec 2015

1 answer

219 views

ASP FormView

I have found very little information on rebinding data in an ASP.NET FormView control without doing a PostBack.

My Scenario is a button on a page with bound FormView data opens a RadWindow and a database edit is done. Optimally I'd like to have the underlying parent page rebind as soon as the RadWindow database update occurs.

However just to get going I am using RadWindow's OnClientClose to rebind the FormView:





<asp:formview id="FormView1" runat="server" enableviewstate="false">
            <ItemTemplate>
                <%# Eval("StreetAddress") %>
            </ItemTemplate>
        </asp:formview>
 
        <telerik:RadWindow
                    ID="EditPermits"
                    runat="server"
                    Height="290px"
                    Width="220px"
                    Top="50px"
                    Left="700px"
                    ReloadOnShow="true"
                    ShowContentDuringLoad="false"
                    Modal="true"
                    OnClientClose="clientClose">
                </telerik:RadWindow>
        <script>
         function clientClose() {
                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
                ajaxManager.ajaxRequest();
            }
        </script>
         <telerik:RadAjaxManager
              ID="RadAjaxManager1" runat="server"       
              OnAjaxRequest="RadAjaxManager1_AjaxRequest">
         </telerik:RadAjaxManager>

All the above .aspx code works but where I am confused is the code behind. Below is my guess on what the code behind would be:

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)

{

FormView1.DataBind();

}

Ajax

answered on 03 Dec 2015

2 answers

292 views

Radgrid on an insert/ Add new record

I would like to add a functionality only on insert/ Add new record

The functionality is to search by the active directory ID and prepopulate the first and last names-

I have three textboxes 1) ID 2) first name 3) last name, I am planning on putting a link button adjacent to ID textbox and once the textbox is filled, show the link button and clicking on it will prepopulate the first and last names by querying the AD and getting those values and assigning them to first/last name textboxes respectively and also show an error when ID entered is wrong

I tried this outside of a grid and its working fine and I even tried this with autocomplete box but not able to get this working when it is within the radgrid

Please help

I would like to add a linkbutton next to the textbox which after putting the Active directory ID

Grid

answered on 03 Dec 2015

1 answer

75 views

looking for live process status update solution.

I have a process that processes records. Sometimes it's 10...sometimes it's hundreds. I would like to give my users some sort sort of real time update of what is going on other than a RadProgressArea. A RadProgressArea is only good for what is going on for the current record. So let's say today I'm loading 5 records. I push the load button and the process grabs records 1...it processes it and the record is accepted. I would like to now let the user know this and move on to the second record that is perhaps rejected. Now I would like to display this as the next record in list. So far all of my efforts have produced a grid or a list that updates after the process completes. Another words I'm looking for some sort of a live process status update something or other. Anyone got any ideas?

Thanks in advance.

Ajax

answered on 03 Dec 2015

1 answer

175 views

Can't clear filters clientside

Hello everyone,

I have a small issue with clearin filter with my grid, the skin that I use is silk and has the EnableHeaderContextFilterMenu on "true". But when I want to use a different filter the other filters won't be cleared also when I call: grid.get_masterTableView().get_filterExpressions().clear(); . So how is it possible to clear all my filters after I fire a new on my grid>

For filtering I use clientside script this is my script for filtering the grid,

Thank you for your help. :)

function AddFilterExpressionbetween(columnUniqueName, dataField, filterValueFirst, filterValueSecond) {

var grid = $find("<%=RadGrid1.ClientID%>");

grid.get_masterTableView().get_filterExpressions().clear();

grid.get_masterTableView().rebind();

grid.get_masterTableView().filter(columnUniqueName, startDate + " " + endDate, Telerik.Web.UI.GridFilterFunction.Between, true);

}

Grid

answered on 03 Dec 2015

5 answers

141 views

Radajaxmanager Not Updating LAbel

Ajax Manager executing Code behind but not updatingLabel Value. My Code are below

.ASPX PAge

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

function textChange()
{
var argument= "cbkDupeCreateAccountEmail_Callback|"+ $('#' + '<%= txtEmailAddressTest.ClientID %>').val();
$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("cbkDupeCreateAccountEmail_Callback");
}

</script>

</telerik:RadCodeBlock>

<telerik:radajaxmanager id="RadAjaxManager1" enableajax="true" onajaxrequest="RadAjaxManager1_AjaxRequest"
runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1" >
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTextBox1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanager>
<asp:TextBox ID="txtEmailAddressTest" runat="server" onblur="textChange();" maxlength="50" meta:resourcekey="txtEmailAddressTestResource1"> </asp:TextBox>

And In .CS (Code behind)

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
{
RadTextBox1.Text = txtEmailAddressTest.Text;
}

Ajax

answered on 03 Dec 2015