ASP.NET

Limit Date Ranges to be not picked up which are already exists in the list

17-Nov-16 4:45

Thanks, Richard. I didn't know what was going on. Thanks to your help I do.

Have a nice day! Smile | :)

indian14316-Nov-16 13:37

Trying to set fixed width with stringbuilder is not working correctly.

16-Nov-16 13:37

Hi All,

I have Date pickers that are used in date range list, I am using jQuery function to add those selected Data ranges to the list
, now, as user can select the new date range which falls under the same date range that is already selected.

So I want to limit the user from not able to select the date range which is already in the selected date range list. Here is the code I am using the to add the Date ranges to the list, any help
a code snippet, a link or even a suggestion helps me great.

var onStartDateSelect = function (dateText) {
    $(this).trigger("input");

    if (typeof me.values[daterangeindex] === 'undefined')
        me.values[daterangeindex] = {};

    fullDateString = $(this).val() + "," + $(this).next().val();

    $(this).next().datepicker('option', 'minDate', new Date($(this).val()));

    if (fullDateString.length == 21) {

        me.values[daterangeindex] = ";" + fullDateString;
        daterangeindex++;

        var str = fullDateString.replace(/[_\W]+/g, "");
        var $wrapper = $(this).parent().parent();

        addNewDate($wrapper);
    };
};

var onEndDateSelect = function (dateText) {
    $(this).trigger("input");

    if (typeof me.values[daterangeindex] === 'undefined')
        me.values[daterangeindex] = {};

    fullDateString = $(this).prev().val() + "," + $(this).val();

    $(this).prev().datepicker('option', 'maxDate', new Date($(this).val()));

    maxStartDate = $(this).val();

    if (fullDateString.length == 21) {
        me.values[daterangeindex] = fullDateString + ";";

        daterangeindex++;

        var $wrapper = $(this).parent().parent(); //$('.parameterFieldResize.parameterField');
        addNewDate($wrapper);
    };
};

var onRemoveClick = function () {
    if (lastDateRangeDivId != $(this).parent().attr('id')) {
        $(this).parent().remove();
    }
};

var addNewDate = function ($wrapper) {
    count++;
    var tmpHTML = '<div class="parameterFieldResize parameterField" style="width: 160;" id="' + paramName + '_1_Div' + count + '">' +
       '<input class="parameterDateRangePicker clearable start" style="width:70px" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '"  />' +
       '<input class="parameterDateRangePicker clearable end" style="width:70px" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '"  />' +
       '<button type="button" style="height:3px; width:1px;text-align: center;vertical-align:middle;background: gray;" id="' + paramName + '_1_Remove' + count + '" class="remove-field"></button>' +
     '</div>';

    var $newField = $(tmpHTML).appendTo($wrapper);

    lastDateRangeDivId = paramName + "_1_Div" + count;

    $newField.find('.parameterDateRangePicker.clearable.start').datepicker({
        changeMonth: true,
        changeYear: true,<br />
        onSelect: onStartDateSelect
    });

    $newField.find('.parameterDateRangePicker.clearable.end').datepicker({
        changeMonth: true,
        changeYear: true,<br />
        onSelect: onEndDateSelect
    });

    $newField.find('.remove-field').on({
        click: onRemoveClick
    });
};

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

modified 17-Nov-16 10:47am.

samflex15-Nov-16 3:57

samflex

15-Nov-16 3:57

Hello experts,

I hope someone would be able to help me with this.

I have spent entire yesterday trying to figure this out but it still not working correctly.

When data is sent to PDF using stringbuilder and itextsharp, the results look like this:

http://www.wilogincometax.com/bad.png[^]

As you can see from the picture above, if either Employee Name or the value of Employee Name is longer than the other, the Employee ID and the value are mis-aligned.

I tried using fixed width so I can achieve results like below where both Employee Name and Employee ID are aligned correctly no matter the size of the length.

This is what we would like[^]

I am not having much luck with these two lines:

sb.AppendLine(String.Format("{0, -50}{1, -20}", "" & FullName & "", "" & user & "
"))
sb.AppendLine(String.Format("{0, -50}{1, -20}", "Employee Name", "Employee ID"))

entire code below:

SQL

Using sw As New StringWriter()
    Using hw As New HtmlTextWriter(sw)
        Dim FullName As String = txtFullName.Text
        Dim user As String = txtUserName.Text
        Dim signedName As String = txtSignature.Text
        Dim lDate As String = txtDate.Text
        Dim sb As New System.Text.StringBuilder
        sb.Append("<table border = '0'>")
        sb.Append("<tr>")
        For Each column As DataColumn In dtb.Columns
            sb.Append("<th style = 'background-color: #ffffff;color:#000000'>")
            sb.Append(column.ColumnName)
            sb.Append("</th>")
        Next
        sb.Append("</tr>")
        For Each row As DataRow In dtb.Rows
            sb.Append("<tr>")
            For Each column As DataColumn In dtb.Columns
                sb.Append("<td>")
                sb.Append(row(column))
                sb.Append("</td>")
            Next
            sb.Append("</tr>")
        Next
        sb.Append("</table><br>")
        sb.Append("<br><br><br>")
        sb.Append("<table width='100%' cellspacing='0' cellpadding='0'>")
        sb.Append("<tr><td>")
        sb.AppendLine(String.Format("{0, -50}{1, -20}", "" & FullName & "", "" & user & "<br>"))
        sb.AppendLine(String.Format("{0, -50}{1, -20}", "Employee Name", "Employee ID"))
        sb.Append("</td></tr>")
        sb.Append("tr><td>")
        sb.Append("" & signedName & "                                      <br>Employee Signature")
        sb.Append("</td></tr>")
        sb.Append("<tr><td>" & lDate & "                    <br>Date</td></tr>")
        sb.Append("</table>")
        sb.Append("<br />")

I even tried using Module Extension that I googled up yesterday:

PHP

Module StringExtensions

    <Extension()> _
    Public Function AsFixedWidth(ByVal value As String, ByVal desiredLength As Integer) As String
        Return value.PadRight(desiredLength).Substring(0, desiredLength)
    End Function

End Module

According to the article, it is used with this

PHP

b.AppendFixed(s, 20)

but I could not figure out how to fit this into my code.

Everything else works great except this.

Any help is greatly appreciated. Not your problem but this is going LIVE today.

Best approach to avoid confusion in Configuration file when deploying an ASP.Net MVC application

indian14314-Nov-16 13:48

Re: Best approach to avoid confusion in Configuration file when deploying an ASP.Net MVC application

14-Nov-16 13:48

Hi all,

We have a team that's developing an ASP.Net application, as we are new to ASP.Net MVC application, Changing the Web Configs became difficult while deploying as some times it is messing up for different environments. I want to have better approach for implementing this, I suggested for the Custom Config sections, but somebody from team suggested me that Microsoft in ASP.Net MVC automatically takes care of it by using debug and release config files, is it true. Or is there any better and automatic approach for implementing the publishing or deploying an ASP.Net MVC application without messing up with the Environment.

Please give me some advice, thanks in advance.

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Nathan Minier15-Nov-16 1:33

Nathan Minier

15-Nov-16 1:33

Realistically, the web.config is the local administrator's responsibility, not the developers.

Yes, there are debug/release web.config options. In my experience, the debug should have your debug environment variables (manual settings for frequent-build projects == pointless) and sanitize debug data from the production version. Make sure the documents indicate the required fields in the web.config, and let the System Admin handle it, that's what they're there for.

"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli

Re: Best approach to avoid confusion in Configuration file when deploying an ASP.Net MVC application

indian14315-Nov-16 5:54

Re: Best approach to avoid confusion in Configuration file when deploying an ASP.Net MVC application

15-Nov-16 5:54

How about I have Custom Configuration then at one place in the AppConfig I define the Environment

<add key="Environment" value="Dev" />

 <configSections>

<pre>
<section name="Dev" type="System.Configuration.SingleTagSectionHandler" />

<section name="Prod" type="System.Configuration.SingleTagSectionHandler" />

, so that when I set this to Dev then it will load the Dev Config section and when we set the Environment to Prod then it will load the Prod Config Section settings. This is what I have suggested so that there is less chance of confusion means, unexpectedly data won't go from here to there and only in one place we need to change so it would become easy for the Developer only one problem is sometimes when Developer doesn't have to know the Prod Settings then it will be a Problem. But in most of the cases developers only give Config files to the admin people.

If there are any better suggestions I am really open and looking for those things to be implemented, but without using any third party tools or at least without paying for any license.

Thank you my friends.

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming15-Nov-16 2:21

Re: Best approach to avoid confusion in Configuration file when deploying an ASP.Net MVC application

15-Nov-16 2:21

indian143 wrote:
ASP.Net MVC automatically takes care of it by using debug and release config files

Web.config Transformation Syntax for Web Project Deployment Using Visual Studio[^]
ASP.NET Web Deployment using Visual Studio: Web.config File Transformations | The ASP.NET Site[^]

It should also work in a WebForms project, so long as you're using as Web Application project and not a Web Site project.

The files are transformed when you deploy the project using Visual Studio's Web Deployment[^] tool. If you don't use that tool, then the files won't be transformed.

You're not limited to "debug" and "release" - you can create transform files for any custom build configurations.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Dominic Burford17-Nov-16 2:41

Dominic Burford

17-Nov-16 2:41

Two options are described here Working with multiple Web.Config files | Dean Hume[^]. Personally I would use the first option as it's far easier. It's also the same mechanism I use.

"There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult." - C.A.R. Hoare

Home | LinkedIn | Google+ | Twitter

Need help with validation on image links

Bootzilla3314-Nov-16 8:56

Bootzilla33

14-Nov-16 8:56

I have fields on a form that have required validation. I want to have that validation when clicking on one of the links in the image. How do I do that. Here is the code for the image.

ASP.NET

asp:Image ID="Image1" runat="server" class="image-center" src="images/CustomerSelection.png" alt="" usemap="#Map"  />
		<map id="Map1" name='Map'>
			<area shape='rect' coords='0,0,100,100' title='Customer Selection' href="CustomerInfo.aspx" alt="Customer Selection" />
			<area shape='rect' coords='148,-2,248,98' title='Contract Information' href="ContractInfo.aspx" alt="Contract Information" />
			<area shape='rect' coords='275,-4,375,96' title='Prime Contractor' href='PrimeContractorUserControl.aspx' alt="Prime Contractor" />
			
		</map>

Here are the fields that are being validated on button click:

ASP.NET

<div class="row" style="margin-left:250px; margin-right:250px;">
	<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
	  <form method="POST" action="" class="form-horizontal" id="customer-form">
		 <div class="form-group">
			<label for="exampleInputServiceAgency">Service/Agency:</label>
			  <asp:DropDownList ID="custsrccode" class="form-control" name="custsrccode" runat="server">
			  <asp:ListItem ></asp:ListItem>
			  <asp:ListItem >C812 - NASA</asp:ListItem>
			  </asp:DropDownList>
				<asp:RequiredFieldValidator ID="fieldReqValidator1" ForeColor="Red" runat="server" ControlToValidate ="custsrccode"   ErrorMessage="Please select a Service/Agency">   
				</asp:RequiredFieldValidator>
		  </div>
		   <div class="form-group">
			<label for="exampleInputCustomerCode">Buying Activity Code:</label>
			  <asp:DropDownList ID="activitycode" class="form-control" name="activitycode" 
				   runat="server" AutoPostBack="true" onselectedindexchanged="activitycode_SelectedIndexChanged"> 
				   <asp:ListItem Selected="True"></asp:ListItem>  
			   </asp:DropDownList>
			  <asp:RequiredFieldValidator ID="fieldReqValidator2"  runat="server" ControlToValidate ="activitycode"   ErrorMessage="Please select a Buying Activity Code">   
				</asp:RequiredFieldValidator>
		  </div>
		  <div class="form-group">
			<label for="exampleInputName">Name:</label>
			<asp:TextBox ID="custname" class="form-control" name="custname" runat="server"></asp:TextBox>
			<asp:RequiredFieldValidator ID="fieldReqValidator3" ForeColor="Red" runat="server" ControlToValidate ="custname"   ErrorMessage="Please enter a Name">   
				</asp:RequiredFieldValidator>
		  </div>
		 
	  </form>
	</div>
  </div>
  <!--End of Row-->

  <!--Action Buttons-->
  <div class="row button_margin">
	<div class="col-md-1 col-sm-1 col-sm-offset-2"><button type="button" class="btn btn-primary" style="position:relative; left:130px; border-radius:2px; border:none; background-color:#003366; color:#f7f7f7">Exit</button></div>
	<div class="col-md-1 col-md-offset-6 col-sm-1 col-sm-offset-6">
        <asp:Label ID="Message"
            runat="Server" />
		<asp:Button ID="NextButton" Text="Next" type="button"  class="btn btn-primary" 
			runat="server" style="position:relative; right:63px; border-radius:2px; border:none; background-color:#003366; color:#f7f7f7" onclick="NextButton_Click"/></div> 
 <input type="hidden" id="hidurl" runat="server" />
       </div>
</div>
		<!--End Here -->

	</div>
	</form>
</body>
</html>

So when I click on Contract Information and the required fields on Customer Selection haven't been filled in it should give a validator message and currently it doesn't.

Assign a javascript or jQuery method to a button onClick event

indian14314-Nov-16 6:24

Re: Assign a javascript or jQuery method to a button onClick event - Resolved

14-Nov-16 6:24

Hi All,

I have a following jQuery function, I want this function to be added to a button that is being added along with the Divs, one after the other. I have the Div adding function also, I want to assign "onRemoveClick" function to each input button that is added along with the Divs

var onRemoveClick=function () {
                alert($(this).parent().attr('id'));
                $(this).parent().remove();
            };

Here is my Divs adding function:

var addNewDate = function ($wrapper) {
    count++;
    var tmpHTML = '<div class="parameterFieldResize parameterField" style="width: fit-content;" id="' + paramName + '_1_Div' + count + '">' +
       '<input class="parameterDateRangePicker clearable start" style="width:70px" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '"  />' +
       '<input class="parameterDateRangePicker clearable end" style="width:70px" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '"  />' +
       '<button type="button" style="height:5px; width:5px" id="' + paramName + '_1_Remove' + count + '" class="remove-field">x</button>' +
     '</div>';

    var $newField = $(tmpHTML).appendTo($wrapper);

    $newField.find('.parameterDateRangePicker.clearable.start').datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: onStartDateSelect
    });

    $newField.find('.parameterDateRangePicker.clearable.end').datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: onEndDateSelect
    });

    $newField.find('.remove-field').on({
        onClick: onRemoveClick
    });
};

I am trying as in the following way, but its not working, can you please suggest me something

$newField.find('.remove-field').on({
                    onClick: onRemoveClick
                });

any sort of help a code snippet, a link or even suggestion would be very helpful, thanks in advance.

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

indian14314-Nov-16 6:27

how to bind two dropdownlists using jquery,C# from backend

14-Nov-16 6:27

Hi,

I am putting this here maybe somebody can use my code,

Here is how I resolved it:

$newField.find('.remove-field').on({
                   click: onRemoveClick
               });

Happy coding guys Smile | :)

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Member 1284531611-Nov-16 1:49

Member 12845316

11-Nov-16 1:49

I have two dropdownlists how to bind those from mysql using jquery,C#

[REPOST] how to bind two dropdownlists using jquery,C# from backend

Richard Deeming11-Nov-16 2:04

The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

11-Nov-16 2:04

You have already posted this in QA, and received an answer:
How to bind two dropdownlists at a time using jquery from mysql[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian1439-Nov-16 13:19

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

9-Nov-16 13:19

Hi All,

I have .js file in which I am adding some new items to the page by using the jQuery code, the Logic is once the dates are selected then it adds up an another set of the Start and End Dates. When the first set of the Input elements are firing properly and opening the Date Picker calendar the remaining added elements that are added by jQuery code at runtime not adding the Date Picker input elements.

Please anybody help me in this regards. Here is my code.

First time added like here:

template =
  '<div id="Param_' + Id + '">' +
      '<div class="parameterHeader ui-widget-header ui-corner-top">' + paramDisplayName + '</div>' +
      '<div class="parameterItem ui-widget-content ui-corner-bottom" >' +
          '<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
              '<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '"  />' +
              '<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '"  />' +
              '<button type="button" id="' + paramName + '_1_Remove' +count + '" class="remove-field">X</button>' +
          '</div>' +
      '</div>' +<br />
  '</div>';

//Insert HTML
this.JQElem = $(template);
initialParent.append(this.JQElem);

var fullDateString = '';

$('.parameterDateRangePicker.clearable.start').datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function (dateText) {
        $(this).trigger("input");
        if (typeof me.values[this.id.split('')[1]] === 'undefined')
            me.values[this.id.split('')[1]] = {};
        me.values[this.id.split('_')[1]]['Start'] = dateText;

        fullDateString = $(this).val() + "-" + $(this).next().val

        if (fullDateString.length == 21) {
            var str = fullDateString.replace(/[_\W]+/g, "");

            count++;
            var $wrapper = $(this).parent().parent();

            var tmpHTML = '<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
               '<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '"  />' +
               '<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '"  />' +
               '<button type="button" id="' + paramName + '_1_Remove' + count + '" class="remove-field">X</button>' +
             '</div>';

            $wrapper.append(tmpHTML);
        };<br />
    }
});

$('.parameterDateRangePicker.clearable.end').datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function (dateText) {<br />
        $(this).trigger("input");
        if (typeof me.values[this.id.split('')[1]] === 'undefined')
            me.values[this.id.split('')[1]] = {};
        me.values[this.id.split('_')[1]]['End'] = dateText;

        fullDateString = $(this).prev().val() + "-" + $(this).val();

        if (fullDateString.length == 21) {
            var $wrapper = $(this).parent().parent(); //$('.parameterFieldResize.parameterField');

            count++;

            var tmpHTML = '<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
              '<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '"  />' +
              '<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '"  />' +
              '<button type="button" id="' + paramName + '_1_Remove' +count + '" class="remove-field">X</button>' +
            '</div>';

            $wrapper.append(tmpHTML);
    };
    }
});

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming10-Nov-16 2:13

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

10-Nov-16 2:13

When you call $('.parameterDateRangePicker.clearable.start').datepicker({..., that sets up the date picker for any matching elements which are already on the page.

It doesn't magically apply to elements that you add to the page at some later point. For that, you will need to call the datepicker function manually after you've added the new element.

JavaScript

this.JQElem = $(template).appendTo(initialParent);
this.JQElem.find('.parameterDateRangePicker.clearable.start').datepicker({...});
this.JQElem.find('.parameterDateRangePicker.clearable.end').datepicker({...});

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian14310-Nov-16 5:53

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

10-Nov-16 5:53

But in my code I am adding the datepicker code within inside the datepicker because I am adding the elements after date has been picked, I am not understanding how to add another datepicker code there? Can you please suggest me something or if you can just give me some hint here how I can add - it would be helpful buddy.

Yes unfortunately I am not that good at jQuery, can you please guide me a little bit?

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming10-Nov-16 5:58

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

10-Nov-16 5:58

As I said in my previous response, if you add new elements to the page after you've applied the datepicker to the existing elements, then you need to manually apply the datepicker to the new elements.

I even gave you an example of the code to do that - you just need to replace the ... with the relevant options for the datepicker function.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian14310-Nov-16 6:30

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

10-Nov-16 6:30

Wow its going to be fancy big function Smile | :)

, that's what my worry was worried about- welcome to the world of client scripting Smile | :)

. Personally I like to do Application to Application Integration. But unfortunately I have to do this every once in a while to fill my and my family's belly.

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming10-Nov-16 6:48

Re: The datepicker input items that are added at runtime using Jquery are not firing the datepicker event

10-Nov-16 6:48

If you're adding the new dates from within the onselect event, you'll probably want to extract that to a separate function:

JavaScript

var onStartDateSelect = function(dateText){
    ...
    
    var $wrapper = $(this).parent().parent();
    addNewDate($wrapper);
};

var onEndDateSelect = function(dateText){
    ...
    
    var $wrapper = $(this).parent().parent();
    addNewDate($wrapper);
};

var addNewDate = function($wrapper){
    count++;
    var tmpHTML = '...';
    var $newField = $(tmpHTML).appendTo($wrapper);
    
    $newField.find('.parameterDateRangePicker.clearable.start').datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: onStartDateSelect
    });
    
    $newField.find('.parameterDateRangePicker.clearable.end').datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: onEndDateSelect
    });
};

$('.parameterDateRangePicker.clearable.start').datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: onStartDateSelect
});

$('.parameterDateRangePicker.clearable.end').datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: onEndDateSelect
});

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian14310-Nov-16 6:51

div controls outside of a repeater should be made invisible

10-Nov-16 6:51

Sure my friend

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Scott529-Nov-16 5:17

Re: div controls outside of a repeater should be made invisible

9-Nov-16 5:17

Hello,

I am modifying an existing website. There is a nice feature where on one of the pages, if multiple images are returned by a datasource associated with a repeater control, the images can be swapped out by the user by clicking on either a left or right arrow which appears on the image. I wish to make the left and right arrows invisible if the repeater only has one image, as there is no ability to swap images when there is just a single image. Unfortunately, I can't figure out how to work this.

A simplified example of the ASP.NET code resembles this:

[ div outsidecontrols]
[ div class="arrow-left">< / div ]
[ div class="arrow-right">< / div ]
[ /div]
[asp:Repeater ID="Images" runat="server">
[div class="slide-image">
[img src="<%#Container.DataItem("Image_Name")%"/>

(In the interest of conveying where the div tags are for the left and right arrows, I have had to change some of the tags to use square brackets, as apparently if it looks like real code this forum tries to really put div tags in the comments.)

There is more to the code, but this is essentially what I am looking at. If I could get a record count of the repeater control, then I could conceivably hide the arrow controls if there was only one image. Something like this:

<asp:repeater id="Images" runat="server">
If #Container.DataItem.System.Data.DataRowView.Table.Rows.Count = 1 then
div.arrow-right.visible = false
div.arrow-left.visible = false
end if

Unfortunately, so far I can't get the record count of the data source feeding the repeater control with images. I also can't figure out how to make the left and right arrow div controls invisible after the repeater statement is encountered.

Does anyone have any suggestions about how to conditionally hide outer div controls based on the record count for a data source that is used by a repeater control to populate images? Does anyone know how to find the record count for a data source used by a repeater control?

Thanks,

Richard Deeming9-Nov-16 5:42

Re: div controls outside of a repeater should be made invisible

9-Nov-16 5:42

Something like this should work:

ASP.NET

<asp:Placeholder id="imageControls" runat="server" visible="false">
    <div outsidecontrols>
        <div class="arrow-left"></div>
        <div class="arrow-right"></div>
    </div>
</asp:Placeholder>

<asp:Repeater id="Images" runat="server" OnDataBound="Images_DataBound">
<ItemTemplate>
    ...
</ItemTemplate>
</asp:Repeater>

protected void Images_DataBound(object sender, EventArgs e)
{
    imageControls.Visible = Images.Items.Count > 1;
}

NB: To format your code, you need to wrap it in <pre>...</pre> tags, and HTML-encode any special characters. [< ⇒ < | > ⇒ > | & ⇒ &]
The "code" button on the toolbar should do this for you, or you could use the list of "Paste as" options that pops up when you paste your code.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Scott529-Nov-16 7:59

Re: div controls outside of a repeater should be made invisible

9-Nov-16 7:59

Richard, I think your idea of using a Placeholder control to wrap around the div tags, and setting the visibility of this control based on the record count of the repeater control is really nice. Unfortunately, I haven't got it to work yet.

First, I got an error trying to set an "OnDataBound" method for the repeater control. After some investigation, I tried using "OnItemDataBound."

Later, I get this compilation error: "Images_DataBound' is not a member of 'ASP.folder_page_aspx'. (The web page is under this directory structure: folder\page.aspx ). I have experimented with using your C# Images_Databound procedure, as well as using what I believe is an ASP.NET equivalent. I don't understand the error message "is not a member of 'ASP.folder_page.aspx'. I have looked through the project and don't see a web page with that name. I think the compilation error is using the folder I am under ("folder") adding an underscore and reporting there is a problem with ASP.folder_page.aspx.

I still like the placeholder control and setting the visible tag for the div tags beneath it to false. I also like trying to set those visible tags to true with a procedure that follows the closing repeater tag. I plan to keep on tinkering with this. Thanks again for your ideas. Smile | :)

Scott529-Nov-16 9:57