Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
115 views

Hi, I'm trying to use the RadPivotGrid control.

I'm using this version of Telerik DLL : 2012.2.607.40

Others controls work fine, for example RadGrid or RadScheduler.

My page has this code:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <telerik:RadPivotGrid runat="server"></telerik:RadPivotGrid>
    <telerik:RadGrid ID="RadGrid1" runat="server"></telerik:RadGrid>
</asp:Content>

The RadGrid control is recognized but the RadPivoGrid doesn't.

I have to add some code for use the RadPivoGrid control? I need to add some lines in the web.config?

 

TT
Top achievements
Rank 1
 answered on 21 Sep 2016
5 answers
94 views

I already have a calendar setup with Resource Grouping and now would like to setup permissions so that some users can only admin certain resources but see all. I would handle the determination of right so that each resource would have a flag set as something like adminAllowed and when that is true the resource can be booked.  Is this possible, I'm fairly sure that it is possible via the client API but want to check before I waste any time on it.

Regards

Jon

Peter Milchev
Telerik team
 answered on 21 Sep 2016
1 answer
345 views

Hi All
For those who use your Telerik Controls with a the rest of you framework in Bootstrap, like me, you would know that there is a lot finer css tweaks to be performed so that everything is pixel perfect the same (like mixing and matching telerik controls, with asp.net controls, with plain html controls). I usually end up with an overide.css (hack-fix-telerik's-bootstrap-to-match-bootstrap), taking me the bulk of my GUI design time.

Recently, I decided to use the password strength checker which is part of the RadTextBox control, but I did not like how the indicator is just a piece of text next to the inputbox. It anyhow is has bugs, e.g. there is a padding-right of 100px (to allow for the indicator, but if you set the indicator to be i.e. 75px wide, this padding stays 100px, causing the whole control to be 25px narrower than it should be. This is just to mention 1 issue.

In bootstrap we have input-groups:

<div class="input-group">
  <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
  <span class="input-group-addon" id="basic-addon2">@example.com</span>
</div>

This created a lovely area next to the input box as if its part of the input box (rounded corner removed where the 2 controls side touches, etc). 

If you want perfect looking BS GUI, then this is how the password strength indicator should be display.
So here is some CSS for you to start with (I'm not saying its perfect, but at least it will save you 2 hour of reverse engineering and testing css to get it to look like a bootstap input group add-on.

1.<style type="text/css">
2.    .riPassIndicator { padding-right: 0px !important; display: table; }
3.    .riPassIndicator .riTextBox { border-top-right-radius: unset; border-bottom-right-radius: unset; border-right: none; }
4.    .riStrengthBar { display: table-cell; padding: 6px 5px; font-size: 12px !important; line-height: 14px !important; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-top-left-radius: unset; border-bottom-left-radius: unset; background-image: none !important; }
5.    .riStrengthBarL5, .riStrengthBarL4 { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; }
6.    .riStrengthBarL3, .riStrengthBarL2 { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; }
7.    .riStrengthBarL1 { color: #a94442; background-color: #f2dede; border-color: #a94442; }
8.</style>

You matching html will be something like this:

<div class="form-group">
    <label class="col-sm-3 col-md-2 control-label" for="form-group-input">Password</label>
    <div class="col-sm-4 col-md-3">
        <telerik:RadTextBox ID="txtPassword" runat="server" RenderMode="Lightweight" CssClass="form-control mandatory" TextMode="Password" Width="100%" PasswordStrengthSettings-IndicatorWidth="75px">
        <PasswordStrengthSettings ShowIndicator="true" IndicatorWidth="75px"></PasswordStrengthSettings>
        </telerik:RadTextBox>
    </div>
</div>

If you followed Bootstrap patterns, then this form-group should be inside a

<div class="form-horizontal">
...
</div>

For the re-type-your-password, use the client side code as per Telerik examples (demo page) and use an actual Bootstrap input group. Like this:

<div class="form-group">
    <label class="col-sm-3 col-md-2 control-label" for="form-group-input">Repeat Pwd</label>
    <div class="col-sm-4 col-md-3">
    <div class="input-group">
        <telerik:RadTextBox ID="txtPassword2" runat="server" RenderMode="Lightweight" CssClass="form-control mandatory" TextMode="Password" Width="100%">
        </telerik:RadTextBox>
        <span id="PasswordRepeatedIndicator" class="input-group-addon" style="width:75px"></span>
        </div>
    </div>
</div>

NOW, both look exactly the same, and like bootstrap input group add-ons.

PS: from my code pasted above, there are some tweaks still to do, or which you can ignore.

  1. I have a style in there called mandatory. You can ignore this. I style mandatory input boxes with a 3px red left border and then adjust the input box's left padding with -3px, so that it all still left align.
  2. The hard-coded style of 75px, should go to my css classes.
  3. I made the text inside the password strength indicator 12px, so that it is smaller than the rest of the input fonts and that the indicator does not eat up so much horizontal width on my form.
  4. Important: .riPassIndicator > display: table; and .riStrengthBar > display: table-cell; is the main css tricks that help you create less css. Without that, you will have to set paddings, margins, and other conditions till you crazy :-)

Enjoy

Konstantin Dikov
Telerik team
 answered on 21 Sep 2016
1 answer
80 views

Hi,

I wonder if it is possible to have load on demand (EnableLoadOnDemand=true) when the ComboBox is rendered in Native mode (RenderMode=Native")?

In other rendering modes then the load on demand seems to work fine, but not in native mode.

Thanks

/Mats

Anton
Telerik team
 answered on 21 Sep 2016
1 answer
52 views

Hi Telerik team,

    Telerik 2016.2.421.45 Version i have installed in our Project but in fixefox the combox auto height is not working.if i have 4 data in combox then also scrollbar is showing so as early as possible give some solution.

-Digesh

 

Anton
Telerik team
 answered on 21 Sep 2016
1 answer
98 views

Hi Telerik team,

    Telerik 2016.2.421.45 Version i have installed in our Project but in fixefox the combox auto height is not working.if i have 4 data in combox then also scrollbar is showing so as early as possible give some solution.

-Digesh

 

Anton
Telerik team
 answered on 21 Sep 2016
1 answer
33 views

I have created a rad combo box. Check boxes are enabled. I want to see the names of checked items on mouse hover.

Client side coding is preferred.

Anton
Telerik team
 answered on 21 Sep 2016
2 answers
126 views

Hi Sir / Madam,

Thanks in Advance

I have a challenging task to do i need to do a guage like Ship_trim.png and using west east orientation i got two guages in west and east . width of the guages are

too lengthy how can i make aguage like Ship_trim.png . Please Help me .
Marin Bratanov
Telerik team
 answered on 21 Sep 2016
1 answer
115 views
Hi, we are facing a critical issue with telerik rad grid. And this needs to be resolved or let us know if there is no solution for this.

Issue #1.

Grid Resizing : -  Check the attached image #grid-resize-1.png. it has 9 columns ( without horizontal scroll bar) when I resize the grid. We are getting a white space at the end of the grid and this happen in all the browsers. HOW TO AVOID THIS ISSUE?

Issue #2.

Horizontal Scroll bar issue :- Check the attached image #grid-resize-2.png. I have multiple columns in the grid maybe more that 30+. I need the grid to be flexible for resize.

For instance :- column 3 and column 4 has a width (it’s not a fixed width) we resized it. when we try to resize the column 5 width as column 3 or 4. It’s not working. Column 5 behave as a fixed width column and not able to resize it.  This issue also persist in all browsers.

This are the 2 issues that we are facing. Let us know if you have any solution for this.  
Kostadin
Telerik team
 answered on 21 Sep 2016
0 answers
171 views

Hi!

I've got a strange issue. I have a grid without any HeaderStyle-Width.

If I set AllowColumnResize = false, every column of the grid is set to best size (button columns are narrow, columns with lots of text are wide). But obviously, I can't resize the columns.

If I set AllowColumnResize = true, every column get the same width. Button columns get far too wide, columns with a lot of text too narrow.

I'm using v 2016.3.914.45, I don't think it was a problem with the previous version.

<telerik:RadGrid ID="RadGridVare" runat="server" DataSourceID="DsVare" AllowSorting="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" GroupPanelPosition="Top" CellSpacing="-1" GridLines="Both">
    <MasterTableView DataSourceID="DsVare" DataKeyNames="Vareid" AutoGenerateColumns="False" CommandItemDisplay="Top" NoMasterRecordsText="Ingen rader Ã¥ vise">
        <CommandItemSettings AddNewRecordText="Legg til ny vare" ShowRefreshButton="False" CancelChangesText="Avbryt endringer" RefreshText="Oppdater" SaveChangesText="Lagre endringer"></CommandItemSettings>
        <Columns>
            <telerik:GridEditCommandColumn EditText="Rediger" UpdateText="Oppdater" CancelText="Avbryt" ButtonType="FontIconButton"></telerik:GridEditCommandColumn>
            <telerik:GridTemplateColumn UniqueName="thumb" AllowFiltering="false" AllowSorting="false" ReadOnly="true" InsertVisiblityMode="AlwaysHidden">
                <ItemTemplate>
                    <telerik:RadBinaryImage ID="imgThumb" runat="server" CssClass="HandPointer" ImageUrl='<%# "~/ImageHandler.ashx?Thumb=true&Bildeid=0&Vareid=" + Eval("Vareid")%>' Width="110" />
                    <telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="imgThumb" ShowEvent="OnClick" Animation="Resize" Position="Center" RelativeTo="Element" ShowCallout="false" HideEvent="ManualClose">
                        <telerik:RadBinaryImage runat="server" ID="imgMedium" ImageUrl='<%# "~/ImageHandler.ashx?Thumb=false&Bildeid=0&Vareid=" + Eval("Vareid")%>' AutoAdjustImageControlSize="false" />
                    </telerik:RadToolTip>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridBoundColumn DataField="Vareid" FilterControlAltText="Filter Vareid column" HeaderText="Vareid" UniqueName="Vareid" DataType="System.Int32" SortExpression="Vareid" ReadOnly="true"></telerik:GridBoundColumn>
            <telerik:GridDropDownColumn DataField="Kategoriid" FilterControlAltText="Filter Kategoriid column" HeaderText="Kategori" SortExpression="Kategoriid" UniqueName="Kategoriid" DataSourceID="DsKategori" ListTextField="Navn" ListValueField="Kategoriid"></telerik:GridDropDownColumn>
            <telerik:GridDropDownColumn DataField="Lagerid" FilterControlAltText="Filter Lagerid column" HeaderText="Lager" SortExpression="Lagerid" UniqueName="Lagerid"  DataSourceID="DsLager" ListTextField="Navn" ListValueField="Lagerid"></telerik:GridDropDownColumn>
            <telerik:GridBoundColumn DataField="Lokasjon" FilterControlAltText="Filter Lokasjon column" HeaderText="Lokasjon" SortExpression="Lokasjon" UniqueName="Lokasjon" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Navn" FilterControlAltText="Filter Navn column" HeaderText="Navn" SortExpression="Navn" UniqueName="Navn" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Elnummer" FilterControlAltText="Filter Elnummer column" HeaderText="Elnummer" SortExpression="Elnummer" UniqueName="Elnummer" MaxLength="20"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Merkeytelse" FilterControlAltText="Filter Merkeytelse column" HeaderText="Merkeytelse" SortExpression="Merkeytelse" UniqueName="Merkeytelse" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="MerkespHS" FilterControlAltText="Filter MerkespHS column" HeaderText="MerkespHS" SortExpression="MerkespHS" UniqueName="MerkespHS" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="MerkespLS" FilterControlAltText="Filter MerkespLS column" HeaderText="MerkespLS" SortExpression="MerkespLS" UniqueName="MerkespLS" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Typebetegnelse" FilterControlAltText="Filter Typebetegnelse column" HeaderText="Typebetegnelse" SortExpression="Typebetegnelse" UniqueName="Typebetegnelse" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Merkestrøm" FilterControlAltText="Filter Merkestrøm column" HeaderText="Merkestrøm" SortExpression="Merkestrøm" UniqueName="Merkestrøm" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Fabrikat" FilterControlAltText="Filter Fabrikat column" HeaderText="Fabrikat" SortExpression="Fabrikat" UniqueName="Fabrikat" MaxLength="50"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Merknad" FilterControlAltText="Filter Merknad column" HeaderText="Merknad" SortExpression="Merknad" UniqueName="Merknad" MaxLength="200"></telerik:GridBoundColumn>
            <telerik:GridDropDownColumn DataField="Levert" FilterControlAltText="Filter Levert column" HeaderText="Levert" SortExpression="Levert" UniqueName="Levert" DataSourceID="DsLevertStatus" ListTextField="Navn" ListValueField="LevertStatusid"></telerik:GridDropDownColumn>
            <telerik:GridBoundColumn DataField="LevertTekst" FilterControlAltText="Filter LevertTekst column" HeaderText="LevertTekst" SortExpression="LevertTekst" UniqueName="LevertTekst" MaxLength="100"></telerik:GridBoundColumn>
            <telerik:GridButtonColumn ButtonType="FontIconButton" CommandName="Delete"></telerik:GridButtonColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <Selecting AllowRowSelect="true" />
        <Resizing AllowColumnResize="true" />
    </ClientSettings>
    <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
</telerik:RadGrid>

Terje
Top achievements
Rank 2
 asked on 20 Sep 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?