Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
248 views
I have never had any problems with tabs before, but in one of my projects, I am getting very funcky behavior. The tabs are only wide enough to show barely a letter of the tab text. Even if I set a width, the tab will rebder wider, but the tabs background images won't get any bigger, so the tab looks really funcky.

This starts as soon as a second tab is added. A single tab renders fine. The code is pretty basic. I am using the default theme, etc.
<telerik:RadTabStrip ID="AgencyTabs" runat="server" Width="100%" MultiPageID="multAgency"         
    CssClass="RadTabStrip" SelectedIndex="0">         
    <Tabs>             
        <telerik:RadTab Text="Agency Info"></telerik:RadTab>             
        <telerik:RadTab Text="Locations"></telerik:RadTab>             
        <telerik:RadTab Text="Users"></telerik:RadTab>             
        <telerik:RadTab Text="Download Info"></telerik:RadTab>             
        <telerik:RadTab Text="Load Presets"></telerik:RadTab>             
        <telerik:RadTab Text="Onboard / Upload Data Files"></telerik:RadTab>         
    </Tabs>     
</telerik:RadTabStrip>

**I have attached an image of what the tabs look like when they render.
Nencho
Telerik team
 answered on 10 Dec 2012
1 answer
78 views
How can i set alternating row style in the exported document? 
Pavlina
Telerik team
 answered on 10 Dec 2012
1 answer
90 views
Hi,

Let's say I have a RadGrid with 20 items and As I add an item to the grid, it refreshes and scrolls to the newly added item in the list ?

Can you tell me if it is possible to do... any sample is greatly appreciated.

Thanks
Pavlina
Telerik team
 answered on 10 Dec 2012
1 answer
109 views
What I want to do is simply close the popup with the Esc key.  

I have a RadGrid set up with popup edit form template.    The popup itself contains two RadButtons, a RadEditor, two RadDateTime Pickers, and a RadTextBox.

In the ClientSettings I have the declartion OnKeyPress="OnKeyPress".

The Javascript function is as follows:
  function OnKeyPress(sender, args) {
            var masterTable = $find("<%=RadGrid1.ClientID%>").get_masterTableView();           
            if (args.get_keyCode() == 27) {
                masterTable.fireCommand("CancelAll", "");
            }
        }

This works, sort of.

It does not work on the initial appearance of the popup or if the RadEditor has the focus.  If I set the focus to one of the other controls or just click on the body of the popup, it works fine.

Suggestions?
Angel Petrov
Telerik team
 answered on 10 Dec 2012
1 answer
241 views
Hopefully this is a simple question.  I have a page with a RadTabStrip with 8 RadTab pages.  When the page loads, it loads all 8 tab pages before display (a noticeable delay.)  I'd like to only load the pages when the corresponding tab is selected by the user the first time. Each tab has a user control, and each user control populates in it's corresponding Page_Load method.
pseudo-code for the main page is:
protected void Page_Init()
{
    foreach (usercontrol)
    {
        Control thisUC = LoadControl(usercontrol);
        RadPageView thisPV = new RadPageView();   
        thisPV.ID = usercontrol.ToString()+"PageView";
        thisPV.Controls.Add(thisUC);
        ...
        RadMultiPage1.PageViews.Add(thisPV);
        RadTab thisTab = new RadTab();
        thisTab.Text = usercontrol.ToString();
        thisTab.PageViewID = usercontrol.ToString()+"PageView";
        RadTabStrip1.Tabs.Add(thisTab);
    }
}
Dimitar Terziev
Telerik team
 answered on 10 Dec 2012
1 answer
74 views
Hi, all,

I need to put together a page in which there are multiple expandable/collapsible zones stacked on one another. To clarify, there would be multiple expandable zones that are oriented horizontally, positioned in a vertical stack, and when the user expands a zone, it would push the zone beneath it down the appropriate amount to make room. Then when the use collapses the zone, the ones below it would move up.

Any ideas on the best way to accomplish this? I was hoping to use the sliding panes somehow, because I like the animation. Is this possible? If not, how might I do this with regular splitter bars?

Thanks!
LWW
Vessy
Telerik team
 answered on 10 Dec 2012
2 answers
261 views
Hi friends,

I've a popup.aspx file that I want to display when I click the radTreeNode.
I am programmatically loading the nodes and their individual urls.

Below is the code snippet of another C# code that does this.

if (collection.rows.Count > 0)
{
    ScanNode = new RadTreeNode("View Scan: " + scan.CratedDate.ToShortDateString(), ScanID.ToString());
    SetNavigationOnNode(ScanNode , User.GetApplicationPath() + "/Imaging/Popup.aspx? <QuerySting Variable and their values> "&Image=" + ImageID);
    proceedingNode.Nodes.Add(proceedingScanNode);
}

SetNavigationOnNode
is a function and looks something like this:

private void SetNavigationOnNode(RadTreeNode node, string url)
{
    if (needPopupJS)
        node.Attributes.Add("onclick", GetRadWindowJS(url));
    else
        node.NavigateUrl = url;
}


Everything is fine but I want to open it us as pop up rather new window.

Thanks,
-Aarsh
Boyan Dimitrov
Telerik team
 answered on 10 Dec 2012
1 answer
66 views

Hi
In my application we use radgrid controls. In this case, the grid looks different in IE9. the content of some cells looks incomplete. the grid looks fine in IE7 but It isn't in IE9.

The code apsx :

<telerik:RadGrid ID="RadGrid2" runat="server" AllowPaging="True"

 AutoGenerateColumns="False" PagerStyle-AlwaysVisible="true" AllowSorting="true"

 DataMember="Alumnos" GridLines="None" AllowMultiRowSelection="True">

 <ClientSettings EnableRowHoverStyle="true">

 <Selecting AllowRowSelect="True" />

 <Scrolling AllowScroll="True" UseStaticHeaders="true"></Scrolling>

 </ClientSettings>

 <HeaderContextMenu EnableEmbeddedSkins="False"></HeaderContextMenu>

 <PagerStyle AlwaysVisible="True"></PagerStyle>

<MasterTableView DataMember="Alumnos" CommandItemDisplay="Top" TableLayout="Auto">

<CommandItemTemplate>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridTemplateColumn HeaderStyle-Width="30px" HeaderText="">

<HeaderTemplate>

<asp:CheckBox ID="chkAll" runat="server" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="chkSelection" runat="server"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="MatriculaFichaId" UniqueName="MatriculaFichaId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderStyle-Width="65px" HeaderText="Matricula No." SortExpression="MatriculaFichaNo">

<ItemTemplate>

<a id="lnkMatriculaFicha" href="javascript:showMatriculaFicha(<%# Eval("MatriculaFichaId") %>)">

 

<%

 

# Eval("MatriculaFichaNo")%></a>

</ItemTemplate>

</telerik:GridTemplateColumn>

 <telerik:GridTemplateColumn HeaderStyle-Width="50px" HeaderText="Codigo Alumno" SortExpression="CodigoAlumnoNo">

 <ItemTemplate>

 <a id="lnkAlumno" href="javascript:showAlumno(<%# Eval("CodigoAlumnoId") %>)">

 <%

 

 

# Eval("CodigoAlumnoNo")%></a>

  </ItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="60px"

 UniqueName="column1">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Provincia" HeaderText="Provincia" HeaderStyle-Width="115px"

 UniqueName="column2">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="FechaMatricula" HeaderText="Fecha de Matricula" HeaderStyle-Width="65px"

 UniqueName="FechaMatricula">

 </telerik:GridBoundColumn>

 <telerik:GridTemplateColumn HeaderStyle-Width="130px" HeaderText="Alumno" SortExpression="Alumno">

 <ItemTemplate>

  <a id="lnkAlumno" href="javascript:showAlumno(<%# Eval("CodigoAlumnoId") %>)">

 <%

 

 

# Eval("Alumno")%></a>

 </ItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridBoundColumn DataField="Apoderado" HeaderText="Apoderado" HeaderStyle-Width="115px"

 UniqueName="column5">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="60px"

 UniqueName="column6">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Grado" HeaderText="Grado" HeaderStyle-Width="45px"

 UniqueName="column7">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Seccion" HeaderStyle-Width="45px"

 HeaderText="Seccion" UniqueName="column9">

 </telerik:GridBoundColumn>

 <telerik:GridTemplateColumn HeaderText="Repitente" HeaderStyle-Width="30px" SortExpression="Repitente" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center">

 <ItemTemplate>

 <asp:CheckBox ID="chkRepitente" runat="server" Checked='<%# Eval("Repitente")=="1"?true:false %>' Enabled="false"/>

 </ItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridTemplateColumn HeaderText="DNI" HeaderStyle-Width="75px" SortExpression="DNI">

 <ItemTemplate>

 <a id="lnkDNI" href="javascript:showDNI(<%# Eval("DNIID") %>)">

 

<%

 

# Eval("DNI")%></a>

 </ItemTemplate>

 </telerik:GridTemplateColumn>

  <telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="70px"

 UniqueName="column10">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Estado" HeaderText="Estado" HeaderStyle-Width="60px"

 UniqueName="column">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Fecha1" HeaderText="Fecha 1" HeaderStyle-Width="65px"

 UniqueName="AssignedDate">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Fecha2" HeaderText="Fecha 2" HeaderStyle-Width="65px"

 UniqueName="OutgateDate">

 </telerik:GridBoundColumn>

  <telerik:GridBoundColumn DataField="Fecha3" HeaderText="Fecha 3" HeaderStyle-Width="65px"

 UniqueName="ExpirationDate">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Profesor" HeaderText="Profesor" HeaderStyle-Width="50px"

 UniqueName="column14">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="Price" HeaderText="Precio" HeaderStyle-Width="40px"

 UniqueName="column15">

 </telerik:GridBoundColumn>

 <telerik:GridTemplateColumn HeaderText="Contacto" HeaderStyle-Width="80px" SortExpression="Contacto">

 <ItemTemplate>

 <a href="#" onclick="showCustomerContactDetails('<%# Eval("Contacto")%>')">

 <%# Eval("Contacto")%></a>

 </ItemTemplate>

 </telerik:GridTemplateColumn>

 <telerik:GridBoundColumn DataField="Usuario" HeaderText="Usuario" HeaderStyle-Width="80px"

 UniqueName="column17">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="NumeroReferencia" HeaderText="Numero de Referencia." HeaderStyle-Width="70px"

 UniqueName="column18">

 </telerik:GridBoundColumn>

 </Columns>

 <EditFormSettings>

 <EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" CancelImageUrl="Cancel.gif"></EditColumn>

 </EditFormSettings>

 <PagerStyle AlwaysVisible="True"></PagerStyle>

 </MasterTableView>

 <FilterMenu EnableEmbeddedSkins="False"></FilterMenu>

 </telerik:RadGrid>


C#:

 

DataTable

 

dtTable2 = new DataTable("Alumnos");

 

dtTable2.Columns.Add(

 

"MatriculaFichaId", typeof(int));

 

dtTable2.Columns.Add(

 

 

"MatriculaFichaNo", typeof(string));

 

dtTable2.Columns.Add(

 

 

"CodigoAlumnoId", typeof(int));

 

dtTable2.Columns.Add(

 

 

"CodigoAlumnoNo", typeof(string));

 

dtTable2.Columns.Add(

 

 

"DNI", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Departamento", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Provincia", typeof(string));

 

dtTable2.Columns.Add(

 

 

"FechaMatricula", typeof(DateTime));

 

dtTable2.Columns.Add(

 

 

"Alumno", typeof(string));

 

dtTable2.Columns.Add(

 

 

"AlumnoId", typeof(int));

 

dtTable2.Columns.Add(

 

 

"Apoderado", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Grado", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Seccion", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Repitente", typeof(string));

 

dtTable2.Columns.Add(

 

 

"DNIID", typeof(int));

 

dtTable2.Columns.Add(

 

 

"Estado", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Fecha1", typeof(DateTime));

 

dtTable2.Columns.Add(

 

 

"Fecha2", typeof(DateTime));

 

dtTable2.Columns.Add(

 

 

"Fecha3", typeof(DateTime));

 

dtTable2.Columns.Add(

 

 

"Profesor", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Precio", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Contacto", typeof(string));

 

dtTable2.Columns.Add(

 

 

"Usuario", typeof(int));

 

dtTable2.Columns.Add(

 

 

"NumeroReferencia", typeof(string));

 

dtTable2.Rows.Add(88,

 

 

"TO0001069", 45, "965","08454584","LIMA", "LIMA",

 

 

 

DataHelper.GetDateTime("01/01/2012"),

 

 

 

"Jorge Ramos", 2, "Julio Cesar Uribe","5to", "A", "1", 1234,

 

 

 

"xxxxx", DataHelper.GetDateTime("15/01/2012"),

 

 

 

DataHelper.GetDateTime("20/01/2012"),

 

 

 

DataHelper.GetDateTime("25/01/2012"),

 

 

 

"Hugo Velazquez", "789", "Ximena Lino", 23, "75454-4454");

 

 

 

DataSet dstAlumnos= new DataSet();

 

 dstAlumnos.Tables.Add(dtTable2);

RadGrid2.DataSource = dstAlumnos;

RadGrid2.DataBind();

Nota: We use 2012.1.411.35


Pavlina
Telerik team
 answered on 10 Dec 2012
1 answer
111 views

We have an issue were certain names are triggering spell check and the customer does not want this.  We see there are parameters to exclude URL’s, email addresses, uppercase, etc.  What we don’t see is the ability to create a custom text string exclusion list.  Do any of your newer tools support this functionality, or is there a way to handle this in our current version with a code tweak? Can you provide me test code that provide ignore specific text or names from spell check.

Rumen
Telerik team
 answered on 10 Dec 2012
1 answer
115 views
We have a webpage with an ajax manager that rebinds whenever one of it's child windows closes and basically updates the page.

<telerik:RadAjaxManager ID="ramTicket" runat="server" DefaultLoadingPanelID="ralpPrivate" OnAjaxRequest="ramTicket_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rsAppointments">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlAppointments" UpdatePanelRenderMode="Inline" />
                    <telerik:AjaxUpdatedControl ControlID="rgUnassignedAppointments" />
                    <telerik:AjaxUpdatedControl ControlID="rgMyAppointments" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rgUnassignedAppointments">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlAppointments" UpdatePanelRenderMode="Inline" />
                    <telerik:AjaxUpdatedControl ControlID="rsAppointments" />
                    <telerik:AjaxUpdatedControl ControlID="rgMyAppointments" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ramTicket">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="panTicketList" />
                    <telerik:AjaxUpdatedControl ControlID="panTicket" />
                    <telerik:AjaxUpdatedControl ControlID="pnlAppointments" UpdatePanelRenderMode="Inline" />
                    <telerik:AjaxUpdatedControl ControlID="rttAppointments" />
                    <telerik:AjaxUpdatedControl ControlID="rgUnassignedAppointments" />
                    <telerik:AjaxUpdatedControl ControlID="rgMyAppointments" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
// Check the subscribe function availability before we subscribe
if (typeof SubscribeToWindowClose == "function") {
    SubscribeToWindowClose("EditTicket", OnClose);
    SubscribeToWindowClose("AddAppointment", OnClose);
    SubscribeToWindowClose("UpdateTicketProgress", OnClose);
    SubscribeToWindowClose("EditClient", OnClose);
    SubscribeToWindowClose("EditSystem", OnClose); //See if this works
}
 
// The subscribed close function for the EditTicket window
function OnClose(sender, args) {
    if (args) grid_rowclick();
    var ramTicket = $find('<%= ramTicket.ClientID %>');
    ramTicket.ajaxRequest('Rebind: ' + args);
}

I've found that the rad tool tip, rttAppointments, gets displaced when it is not an updated control of the ajax manager. It contains (among other things) three controls: rsAppointments, rgUnassignedAppointments, rgMyAppointments. I'd like to refresh their data, but including them as an updated control makes them disappear entirely, and removing rttAppointments as an updated control isn't an option because the tool tip gets displaced.

How can I remedy this situation? Thanks.

Edit:

Thought of one more thing that might be relevant: the target control for rttAppointments is pnlAppointments which you'll note is also updated when a child window closes.
Maria Ilieva
Telerik team
 answered on 10 Dec 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?