Telerik Forums
UI for Blazor Forum
4 answers
439 views

It appears that every time a TabStripTab which is not currently active is clicked on, its contained components are recreated and initialize.

I was expecting that after the first time the TabStripTab is activated and the components are initialized, subsequent events that make a TabStripTab active would not Initialize the components again. Can I configure the TabStripTab so that it doesn't Initialize every time?

 

 

Daniel
Top achievements
Rank 1
Veteran
 answered on 24 Mar 2021
1 answer
626 views
I have four tabs in my tab strip, and the content in each tab is of varying width. The tab item resizes to the width of the content as it changes. Is there any way to set a fixed width for all the tabs so they don't expand and contract all the time?
Nadezhda Tacheva
Telerik team
 answered on 24 Mar 2021
4 answers
1.5K+ views

Good Morning.
I am trying to fill a DropDownList from a model. The model is as follows:

    public class StatusEnvioModel
    {
        public string Code{ get; set; }
        public string Description { get; set; }
    } 

 

Then I create a List as follows:

        public IEnumerable<StatusEnvioModel> ListaEstadosGuia = new List<StatusEnvioModel>()
        {
            new StatusEnvioModel {Code = "REP", Description = "Recogida en punto de venta" },
            new StatusEnvioModel {Code = "RED", Description = "Envio recogido en domicilio" },
            new StatusEnvioModel {Code = "IAC", Description = "Ingreso a Cedi" },
            new StatusEnvioModel {Code = "RUT", Description = "En distribución" },
            new StatusEnvioModel {Code = "SAD", Description = "Salida ciudad destino" },
            new StatusEnvioModel {Code = "LTH", Description = "En transito" },
            new StatusEnvioModel {Code = "IFE", Description = "Intento fallido de entrega" },
            new StatusEnvioModel {Codigo = "ENT", Description = "Entregado" },
            new StatusEnvioModel {Code = "IFP", Description = "Intento fallido de entrega en punto Venta" },
            new StatusEnvioModel {Code  = "EPV", Description = "Entregado en punto de venta" }
        };

And then in the code define and initialize a property as follows:

        protected List<StatusEnvioModel> EstatusGuia { get; set; } = new List<StatusEnvioModel>();


        protected override async Task OnInitializedAsync()
        {
            EstatusGuia = AppData.ListaEstadosGuia.ToList<StatusEnvioModel>();
        }

And in the page I put a DropDownList in the following way:

        <div class="form-group">
            <label for="TipoStatusDDL">
                <span>Estatus guías <span class="k-required">*</span></span>
            </label>
            <TelerikDropDownList Id="TipoStatusDDL" Data="@EstatusGuia" TItem="Codigo" TValue="Descripcion"
                                 Width="100%" PopupWidth="400px" DefaultText="Seleccione un estatus de guía" />
        </div>

The problem is that I get an error in Data = "@ EstadusGuia" TItem = "Code" and TValue = "Description"

What is the problem?

Thank you.

 


Nadezhda Tacheva
Telerik team
 answered on 24 Mar 2021
3 answers
2.9K+ views

Hi

Is there a way to

  • programmatically trigger the "Add" Command
  • and have the new row displayed as the last item of the grid?
Nadezhda Tacheva
Telerik team
 answered on 23 Mar 2021
1 answer
899 views

Hi,

I have a form with the same type of error if I use a TelerikSwitch or a TelerikDropDownList in the Template

<FormItem Field="Bill" LabelText="Billable" >
  <Template>
    <TelerikSwitch @bind-Value="@Project.Billable" OffLabel="No" OnLabel="Yes"></TelerikSwitch>
  </Template>
</FormItem>

The text in LabelText isn't visible. and the Form layout is "broken".

Without LabelText the name of the Field isn't whown either

Svetoslav Dimitrov
Telerik team
 answered on 23 Mar 2021
1 answer
156 views

When using the Material theme, the label shows over the text in the textarea when typing and the text scrolls up.

This is visible in you demo page.  https://demos.telerik.com/blazor-ui/textarea/label

Looks like some styling is missing or wrong as it does not happen when using the Default styling.

Svetoslav Dimitrov
Telerik team
 answered on 23 Mar 2021
1 answer
443 views

I have an AnimationContainer component which I have configured to Slide Left from the right hand side of the viewport.

The animation is working just right.

I've tried putting a Window component inside the AnimationContainer component hoping that the Window would appear from the right hand side of the viewport as it slowly animates sliding left.

What actually happens is the AnimationContainer component continues to animate and slide in left slowly but the Window component just abruptly appears on screen with no animation. When the AnimationContainer component is closed it slides back slowly to the right hand side of the viewport and the Window component remains visible for a few more milliseconds afterwards, before it abruptly disappears.

It would be a good feature to add to the product to allow a Window component to use animations whether that be by adding an animation property to the Window component directly or by making the AnimationContainer component work better with the Window component.

 

Thanks.

 

Marin Bratanov
Telerik team
 answered on 21 Mar 2021
1 answer
831 views

The Blazor AnimationContainer has Top, Left, Width and Height properties to customise where the container will appear.

I want to be able to slide in a container using the AnimationType="AnimationType.SlideLeft" so that it appears that the container has slid in from the right hand edge of the browser window.

I'm not sure if I can achieve this as I'm guessing I would need to set a Right property (which doesn't exist on the component) to zero?

I have attached an example of what I'm trying to achieve.

Nadezhda Tacheva
Telerik team
 answered on 19 Mar 2021
1 answer
1.1K+ views
When drag my mouse over the text in a grid row to copy/paste into an excel spreadsheet, the font is Arial size 4.  In this scenario I wouldn't be using the export to Excel feature (although I've turned that on for users that want to do that), a user just wants to copy and paste a single row in the grid.  Is there a way to change how 'default' font & size when doing this?  I don't view this as a major issue, just trying to save a few clicks for the end-users that want to copy/paste in this way.
Marin Bratanov
Telerik team
 answered on 18 Mar 2021
3 answers
1.3K+ views

Is it possible to draw  vertical or horizontal lines on the chart?, to display as limits? I could not find any examples of it. Its just for user to check if the series data are within the limits set. 

 

Thanks

Marin Bratanov
Telerik team
 answered on 18 Mar 2021
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?