There&#39;s a &lt;a href=&quot;http://msdn.microsoft.com/en-us/library/system.windows.forms.trackbar.aspx&quot;&gt;TrackBar&lt;/a&gt; class that looks a little different, but might be what you&#39;re looking for.

Check out [MAC_Slider][1]


  [1]: http://www.codeproject.com/KB/miscctrl/MAC_Slider.aspx

Maybe adding &quot;true&quot; to the autoscroll property in a form or panel, this enables a scroll Bar to scroll between the content

I found [this one][1] on Codeproject friendly to use and very customizable. Below an example of slider done using this project (design is not up to date, sample only to show features).

![enter image description here][2]


  [1]: https://www.codeproject.com/Articles/17395/Owner-drawn-trackbar-slider
  [2]: https://i.stack.imgur.com/Tqibj.jpg

If your looking for a better looking trackbar in C# winforms use [Siticone][1] or [Guana][2]. You can change the color of the trackbar and lots more hope this helps :)


  [1]: https://www.nuget.org/packages/Siticone.Desktop.UI/
  [2]: https://gunaui.com/

If we can get data from two tables without having primary and foreign key relation, then why we need this rule? Can you please explain me clearly, with suitable example?
It&#39;s a test database, don&#39;t mind the bad structure. 

Tables&#39; structure:

**

    table - &#39;test1&#39;
    columns - id,lname,fname,dob
    no primary and foreign key and also not unique(without any constraints)

**


    **table - &#39;test2&#39;
    columns- id,native_city
    again, no relations and no constraints** 

I can still join these tables with same columns &#39;id&#39;,
so if there&#39;s no primary-foreign key, then what is the use of that?




Why is a primary-foreign key relation required when we can join without it?

I am trying to proxy a request to different targets depending on an environment variable. My approach was to put the target url into the custom variable $target and give this to proxy_pass. 

But using a variable with proxy_pass doesn&#39;t seem to work. This simple config leads to a &quot;502 Bad Gateway&quot; response from nginx.

    server {
      listen   8080;
      server_name  myhost.example.com;
      access_log  /var/log/nginx/myhost.access.log;
      location /proxy {
        set $target http://proxytarget.example.com;
        proxy_pass $target;
      }
    }

The same config without the variable works:

    server {
      listen   8080;
      server_name  myhost.example.com;
      access_log  /var/log/nginx/myhost.access.log;
      location /proxy {
        proxy_pass http://proxytarget.example.com;
      }
    }

Is it really not possible to use proxy_pass this way or am I just doing something wrong?

Dynamic proxy_pass to $var with nginx 1.0

Can someone guide me if C# WinForms has a slider control? I see WPF has it but it doesn&#39;t show up for me in WinForms what could be the problem?

Does C# WinForms have a slider control?

<p>Can someone guide me if C# WinForms has a slider control? I see WPF has it but it doesn't show up for me in WinForms what could be the problem?</p>


Is there some global constructs that I can use whenever I need to access whether the Control, Shift, Alt buttons are down? For instance inside `MouseDown` event of a `TreeView`.

If so how?

How to detect modifier key states in WPF?

Up until now, I just put a try/catch block around the `Application.Run` in the `Program.cs` entry point to the program. This catches all exceptions well enough in Debug mode, but when I run the program without the debug mode, exceptions don&#39;t get handled anymore. I get the unhandled exception box.

I don&#39;t want this to happen. I want all exceptions to be caught when running in non-debug mode. The program has multiple threads and preferably all exceptions from them get caught by the same handler; I want to log exceptions in the DB. Does anyone have any advice in how to do this?


How can I make something that catches all &#39;unhandled&#39; exceptions in a WinForms application?

Will GetType() return the most derived type when called from the base class?

Example:

    public abstract class A
    {
        private Type GetInfo()
        {
             return System.Attribute.GetCustomAttributes(this.GetType());
        }
    }
    
    public class B : A
    {
       //Fields here have some custom attributes added to them
    }

Or should I just make an abstract method that the derived classes will have to implement like the following?

    public abstract class A
    {
        protected abstract Type GetSubType();
    
        private Type GetInfo()
        {
             return System.Attribute.GetCustomAttributes(GetSubType());
        }
    }
    
    public class B : A
    {
       //Fields here have some custom attributes added to them
    
       protected Type GetSubType()
       {
           return GetType();
       }
    }


Will GetType() return the most derived type when called from the base class?

I am trying to set up a reader that will take in JSON objects from various websites (think information scraping) and translate them into C# objects.  I am currently using JSON.NET for the deserialization process.  The problem I am running into is that it does not know how to handle interface-level properties in a class.  So something of the nature:

    public IThingy Thing

Will produce the error:

&gt; Could not create an instance of type IThingy. Type is an interface or abstract class and cannot be instantiated.

It is relatively important to have it be an IThingy as opposed to a Thingy since the code I am working on is considered sensitive and unit testing is highly important.  Mocking of objects for atomic test scripts is not possible with fully-fledged objects like Thingy.  They must be an interface.

I&#39;ve been poring over JSON.NET&#39;s documentation for a while now, and the questions I could find on this site related to this are all from over a year ago.  Any help?

Also, if it matters, my app is written in .NET 4.0.

Casting interfaces for deserialization in JSON.NET

I have the following DateTime 4/25/2011 5:12:13 PM
and tried this to convert it to int

     int result = dateDate.Year * 10000 + dateDate.Month * 100 
                 + dateDate.Day + dateDate.Hour + dateDate.Minute + dateDate.Second;

But it still getting 2011425 how can i get the time as well?

How can I convert a DateTime to an int?

I&#39;m trying to select the first item in a ListView programmatically, but it doesn&#39;t appear to have been selected. I am using the following code:

    if (listView1.Items.Count &gt; 0)
        listView1.Items[0].Selected = true;

Actually I&#39;ve had this problem before but I can&#39;t remember how I managed to solve it!

How to select an item in a ListView programmatically?

I&#39;m developing user control in C# Visual Studio 2010 - a kind of &quot;quick find&quot; textbox for filtering datagridview. It should work for 3 types of datagridview datasources: DataTable, DataBinding and DataSet.
My problem is with filtering DataTable from DataSet object, which is displayed on DataGridView.

There could be 3 cases (examples for standard WinForm application with DataGridView and TextBox on it) - first 2 are working OK, I&#39;ve problem with 3rd one:

**1. datagridview.DataSource = dataTable : it works**   
so I can filter by setting: dataTable.DefaultView.RowFilter = &quot;country LIKE &#39;%s%&#39;&quot;;  


    DataTable dt = new DataTable();

    private void Form1_Load(object sender, EventArgs e)
    {
        dt.Columns.Add(&quot;id&quot;, typeof(int));
        dt.Columns.Add(&quot;country&quot;, typeof(string));

        dt.Rows.Add(new object[] { 1, &quot;Belgium&quot; });
        dt.Rows.Add(new object[] { 2, &quot;France&quot; });
        dt.Rows.Add(new object[] { 3, &quot;Germany&quot; });
        dt.Rows.Add(new object[] { 4, &quot;Spain&quot; });
        dt.Rows.Add(new object[] { 5, &quot;Switzerland&quot; });
        dt.Rows.Add(new object[] { 6, &quot;United Kingdom&quot; });

        dataGridView1.DataSource = dt;
    }

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        MessageBox.Show(&quot;DataSource type BEFORE = &quot; + dataGridView1.DataSource.GetType().ToString());
            
        dt.DefaultView.RowFilter = string.Format(&quot;country LIKE &#39;%{0}%&#39;&quot;, textBox1.Text);
            
        MessageBox.Show(&quot;DataSource type AFTER = &quot; + dataGridView1.DataSource.GetType().ToString());
    } 


**2. datagridview.DataSource = bindingSource: it works**   
so I can filter by setting: bindingSource.Filter = &quot;country LIKE &#39;%s%&#39;&quot;;  


    DataTable dt = new DataTable();
    BindingSource bs = new BindingSource();

    private void Form1_Load(object sender, EventArgs e)
    {
        dt.Columns.Add(&quot;id&quot;, typeof(int));
        dt.Columns.Add(&quot;country&quot;, typeof(string));

        dt.Rows.Add(new object[] { 1, &quot;Belgium&quot; });
        dt.Rows.Add(new object[] { 2, &quot;France&quot; });
        dt.Rows.Add(new object[] { 3, &quot;Germany&quot; });
        dt.Rows.Add(new object[] { 4, &quot;Spain&quot; });
        dt.Rows.Add(new object[] { 5, &quot;Switzerland&quot; });
        dt.Rows.Add(new object[] { 6, &quot;United Kingdom&quot; });

        bs.DataSource = dt;
        dataGridView1.DataSource = bs;
    }

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        MessageBox.Show(&quot;DataSource type BEFORE = &quot; + dataGridView1.DataSource.GetType().ToString());
            
        bs.Filter = string.Format(&quot;country LIKE &#39;%{0}%&#39;&quot;, textBox1.Text);
            
        MessageBox.Show(&quot;DataSource type AFTER = &quot; + dataGridView1.DataSource.GetType().ToString());
    }


**3. datagridview.DataSource = dataSource; datagridview.DataMember = &quot;TableName&quot;: it doesn&#39;t work**  
It happens when you design a table using designer: put the DataSet from toolbox on form, add dataTable to it and then set datagridview.DataSource = dataSource; and datagridview.DataMember = &quot;TableName&quot;.  
Code below pretends these operations:  

    DataSet ds = new DataSet();
    DataTable dt = new DataTable();

    private void Form1_Load(object sender, EventArgs e)
    {
        dt.Columns.Add(&quot;id&quot;, typeof(int));
        dt.Columns.Add(&quot;country&quot;, typeof(string));

        dt.Rows.Add(new object[] { 1, &quot;Belgium&quot; });
        dt.Rows.Add(new object[] { 2, &quot;France&quot; });
        dt.Rows.Add(new object[] { 3, &quot;Germany&quot; });
        dt.Rows.Add(new object[] { 4, &quot;Spain&quot; });
        dt.Rows.Add(new object[] { 5, &quot;Switzerland&quot; });
        dt.Rows.Add(new object[] { 6, &quot;United Kingdom&quot; });

        ds.Tables.Add(dt);
        dataGridView1.DataSource = ds;
        dataGridView1.DataMember = dt.TableName;
    }

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        MessageBox.Show(&quot;DataSource type BEFORE = &quot; + dataGridView1.DataSource.GetType().ToString());  
        //it is not working
        ds.Tables[0].DefaultView.RowFilter = string.Format(&quot;country LIKE &#39;%{0}%&#39;&quot;, textBox1.Text);
            
        MessageBox.Show(&quot;DataSource type AFTER = &quot; + dataGridView1.DataSource.GetType().ToString());
    }

If you test it - although datatable is filtered (ds.Tables[0].DefaultView.Count changes), datagridview is not updated...
I&#39;ve been looking for a long time for any solution, but the problem is that **DataSource cannot change** - as it&#39;s additional control, I don&#39;t want it to mess up with programmer&#39;s code.  

I know possible solutions are:  
- to bind DataTable from DataSet using DataBinding and use it as example 2: but it&#39;s up to the programmer during code writing,   
- to change dataSource to BindingSource, dataGridView.DataSource = dataSet.Tables[0], or to DefaultView programatically: however, it changes the DataSource. So the solution:  

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        MessageBox.Show(&quot;DataSource type BEFORE = &quot; + dataGridView1.DataSource.GetType().ToString(), ds.Tables[0].DefaultView.Count.ToString());

        DataView dv = ds.Tables[0].DefaultView;
        dv.RowFilter = string.Format(&quot;country LIKE &#39;%{0}%&#39;&quot;, textBox1.Text);
        dataGridView1.DataSource = dv;

        MessageBox.Show(&quot;DataSource type AFTER = &quot; + dataGridView1.DataSource.GetType().ToString(), ds.Tables[0].DefaultView.Count.ToString());
    }
  is not acceptable, as you see on MessageBox&#39;s dataSource is changing...  

I don&#39;t want to do that, because it&#39;s possible a programmer writes code similar to this:

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        MessageBox.Show(&quot;DataSource type BEFORE = &quot; + dataGridView1.DataSource.GetType().ToString(), ds.Tables[0].DefaultView.Count.ToString());

        DataSet dsTmp = (DataSet)(dataGridView1.DataSource);   //&lt;--- it is OK 

        DataView dv = ds.Tables[0].DefaultView;
        dv.RowFilter = string.Format(&quot;country LIKE &#39;%{0}%&#39;&quot;, textBox1.Text);
        dataGridView1.DataSource = dv;   //&lt;--- here the source is changeing from DataSet to DataView

        MessageBox.Show(&quot;DataSource type AFTER = &quot; + dataGridView1.DataSource.GetType().ToString(), ds.Tables[0].DefaultView.Count.ToString());
        
        dsTmp = (DataSet)(dataGridView1.DataSource);    //&lt;-- throws an exception: Unable to cast object DataView to DataSet
    }

He can do that, as he designed DataGridView with DataSet and DataMember in designer.
Code will be compiled, however, after using a filter, it will throw an exception...


So the question is: how can I filter DataTable in DataSet and show the results on DataGridView without changing DataSource to another? Why I can filter DataTable from example 1 directly, while filtering DataTable from DataSet is not working?
Maybe it&#39;s not DataTable bound to DataGridView in that case?  

Please note, that my problem takes from designing issues, so the solution MUST WORK on example 3. 


Filtering DataGridView without changing datasource

**How do I change the height of a textbox ?**

Neither of the below work:

    this.TextBox1.Size = new System.Drawing.Size(173, 100);

or

    this.TextBox1.Size.Height = 100;

I wanted to be able to change the single line text box height to fit a font size on it without using multi-line if possible.

Change the Textbox height?

What is the best way to bind a property to a control so that when the property value is changed, the control&#39;s bound property changes with it.

So if I have a property `FirstName` which I want to bind to a textbox&#39;s `txtFirstName` text value. So if I change `FirstName` to value &quot;Stack&quot; then the property `txtFirstName.Text` also changes to value &quot;Stack&quot;.

I know this may sound a stupid question but I&#39;ll appreciate the help.

Binding property to control in Winforms

I&#39;m developing a website using jQuery UI, and there are several elements on my site that appear to be incompatible when viewed on touchscreen devices; they don&#39;t cause any errors, but the behavior is not what it should be. 

The elements in question are sliders and rangesliders as defined by jQuery UI; on the touch screen, instead of registering a touch as picking up a handle and a drag as dragging the handle across the slider, it just slides the whole webpage to the side of the screen. It does work if you tap the handle and then tap the location on the slider where you want the handle to end up, but this is very slow and not ideal. Any ideas?

I tried downloading the jqtouch plugin and then attaching `.touch([...])` to all calls to slider() and rangeslider(), but that didn&#39;t work.

UPDATE: I found this &quot;patch&quot; on the jQuery UI website

http://bugs.jqueryui.com/ticket/4143

that says it facilitates slider on iPhone, but now for another question: how do I incorporate this &quot;patch&quot; into my code? Do I just include it at the beginning of the code like a plugin?

jQuery UI sliders on touch devices

I&#39;m messing around with touch events on a touch slider and I keep getting the following error: 

&gt; Ignored attempt to cancel a touchmove event with cancelable=false,
&gt; for example because scrolling is in progress and cannot be
&gt; interrupted.

I&#39;m not sure what is causing this problem, I am new to working with touch events and can&#39;t seem to fix this problem.

Here is the code handling the touch event:

    Slider.prototype.isSwipe = function(threshold) {
        return Math.abs(deltaX) &gt; Math.max(threshold, Math.abs(deltaY));
    }
    
    
    Slider.prototype.touchStart = function(e) {
    		
        if (this._isSliding) return false;
        
    	  touchMoving = true;
    	  deltaX = deltaY = 0;
    		
        if (e.originalEvent.touches.length === 1) {
          
            startX = e.originalEvent.touches[0].pageX;
            startY = e.originalEvent.touches[0].pageY;
    
            this._$slider.on(&#39;touchmove touchcancel&#39;, this.touchMove.bind(this)).one(&#39;touchend&#39;, this.touchEnd.bind(this));
    
            isFlick = true;
    
            window.setTimeout(function() {
                isFlick = false;
            }, flickTimeout);
        }
    }
    
    
    Slider.prototype.touchMove = function(e) {
    		
        deltaX = startX - e.originalEvent.touches[0].pageX;
        deltaY = startY - e.originalEvent.touches[0].pageY;
    
        if(this.isSwipe(swipeThreshold)) {
            e.preventDefault();
            e.stopPropagation();
            swiping = true;
        }
        if(swiping) {
            this.slide(deltaX / this._sliderWidth, true)
        }
    }
    
    
    Slider.prototype.touchEnd = function(e) {
    		
        var threshold = isFlick ? swipeThreshold : this._sliderWidth / 2;
    
        if (this.isSwipe(threshold)) {
            deltaX &lt; 0 ? this.prev() : this.next();
        }
        else {
            this.slide(0, !deltaX);
        }
    
        swiping = false;
    
        this._$slider.off(&#39;touchmove&#39;, this.touchMove).one(transitionend, $.proxy(function() {
            this.slide(0, true);
            touchMoving = false;
        }, this));
    }

You can find the actual slider **[here at this pen][1]**.

If you swipe through fast enough it will throw the error and sometimes get stuck in the middle of a swipe. Still can&#39;t wrap my head around why it is not working. Any help/insight would be greatly appreciated. Not sure what I am doing wrong.


  [1]: http://codepen.io/ftntravis/pen/raEuH

Touch move getting stuck Ignored attempt to cancel a touchmove

I want to change the arrows in my slick slider but it does not change. I want the next and previous button as an image. I have tried putting it in a `&lt;style&gt;` but it still not working. Where can I change the arrows setting?

**slick theme css**
    @charset &quot;UTF-8&quot;;
    
    // Default Variables
    
    $slick-font-path: &quot;./fonts/&quot; !default;
    $slick-font-family: &quot;slick&quot; !default;
    $slick-loader-path: &quot;./&quot; !default;
    $slick-arrow-color: white !default;
    $slick-dot-color: black !default;
    $slick-dot-color-active: $slick-dot-color !default;
    $slick-prev-character: &quot;←&quot; !default;
    $slick-next-character: &quot;→&quot; !default;
    $slick-dot-character: &quot;•&quot; !default;
    $slick-dot-size: 6px !default;
    $slick-opacity-default: 0.75 !default;
    $slick-opacity-on-hover: 1 !default;
    $slick-opacity-not-active: 0.25 !default;
    
    @function slick-image-url($url) {
        @if function-exists(image-url) {
            @return image-url($url);
        }
        @else {
            @return url($slick-loader-path + $url);
        }
    }
    
    @function slick-font-url($url) {
        @if function-exists(font-url) {
            @return font-url($url);
        }
        @else {
            @return url($slick-font-path + $url);
        }
    }
    
    /* Slider */
    
    .slick-list {
        .slick-loading &amp; {
            background: #fff slick-image-url(&quot;ajax-loader.gif&quot;) center center no-repeat;
        }
        position: absolute;
        margin: 0 auto;
    }
    
    /* Icons */
    @if $slick-font-family == &quot;slick&quot; {
        @font-face {
            font-family: &quot;slick&quot;;
            src: slick-font-url(&quot;slick.eot&quot;);
            src: slick-font-url(&quot;slick.eot?#iefix&quot;) format(&quot;embedded-opentype&quot;), slick-font-url(&quot;slick.woff&quot;) format(&quot;woff&quot;), slick-font-url(&quot;slick.ttf&quot;) format(&quot;truetype&quot;), slick-font-url(&quot;slick.svg#slick&quot;) format(&quot;svg&quot;);
            font-weight: normal;
            font-style: normal;
        }
    }
    
    /* Arrows */
    
    .slick-prev,
    .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 30px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        margin-top: -10px;
        padding: 0;
        border: none;
        outline: none;
        &amp;:hover, &amp;:focus {
            outline: none;
            background: transparent;
            color: transparent;
            &amp;:before {
                opacity: $slick-opacity-on-hover;
            }
        }
        &amp;.slick-disabled:before {
            opacity: $slick-opacity-not-active;
        }
    }
    
    .slick-prev:before, .slick-next:before {
        font-family: $slick-font-family;
        font-size: 20px;
        line-height: 1;
        color: $slick-arrow-color;
        opacity: $slick-opacity-default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .slick-prev {
        left: -25px;
        [dir=&quot;rtl&quot;] &amp; {
            left: auto;
            right: -25px;
        }
        &amp;:before {
            content: $slick-prev-character;
            [dir=&quot;rtl&quot;] &amp; {
                content: $slick-next-character;
            }
        }
    }
    
    .slick-next {
        right: -25px;
        [dir=&quot;rtl&quot;] &amp; {
            left: -25px;
            right: auto;
        }
        &amp;:before {
            content: $slick-next-character;
            [dir=&quot;rtl&quot;] &amp; {
                content: $slick-prev-character;
            }
        }
    }
    
    /* Dots */
    
    .slick-slider {
        margin-bottom: 30px;
    }
    
    .slick-dots {
        position: absolute;
        bottom: -45px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        width: 100%;
        li {
            position: relative;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
            button {
                border: 0;
                background: transparent;
                display: block;
                height: 20px;
                width: 20px;
                outline: none;
                line-height: 0px;
                font-size: 0px;
                color: transparent;
                padding: 5px;
                cursor: pointer;
                &amp;:hover, &amp;:focus {
                    outline: none;
                    &amp;:before {
                        opacity: $slick-opacity-on-hover;
                    }
                }
                &amp;:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: $slick-dot-character;
                    width: 20px;
                    height: 20px;
                    font-family: $slick-font-family;
                    font-size: $slick-dot-size;
                    line-height: 20px;
                    text-align: center;
                    color: $slick-dot-color;
                    opacity: $slick-opacity-not-active;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
            }
            &amp;.slick-active button:before {
                color: $slick-dot-color-active;
                opacity: $slick-opacity-default;
            }
        }
    }

**slick css**

    /* Slider */
    
    .slick-slider {
        position: relative;
        margin: 0 auto;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        padding: 0;
    
        &amp;:focus {
            outline: none;
        }
    
        &amp;.dragging {
            cursor: pointer;
            cursor: hand;
        }
    }
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
    
        &amp;:before,
        &amp;:after {
            content: &quot;&quot;;
            display: table;
        }
    
        &amp;:after {
            clear: both;
        }
    
        .slick-loading &amp; {
            visibility: hidden;
        }
    }
    .slick-slide {
        float: left;
        min-height: 1px;
        [dir=&quot;rtl&quot;] &amp; {
            float: right;
        }
        img {
            display: block;
        }
        &amp;.slick-loading img {
            display: none;
        }
    
        display: none;
    
        &amp;.dragging img {
            pointer-events: none;
        }
    
        .slick-initialized &amp; {
            display: block;
        }
    
        .slick-loading &amp; {
            visibility: hidden;
        }
    
        .slick-vertical &amp; {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }
    }

[preview of the site][1]


  [1]: https://site-practice-chum.c9.io/Untitled1.html

Change the Arrow buttons in Slick slider

I used slick js for slider view of image.

Here is my code.

    &lt;div class=&quot;slider_wrap add-remove&quot;&gt;
        &lt;%= f.fields_for :images do |image_form| %&gt;
          &lt;%#= render &#39;images_fields&#39;, :f =&gt; image_form %&gt;
            &lt;div&gt;
              &lt;%= image_tag image_form.object.picture.url,:class=&gt;&quot;drop_down_link even img_prev&quot; %&gt;
            &lt;/div&gt;
            &lt;div class=&quot;image_upload_div&quot;&gt;
              &lt;div class=&quot;image-upload&quot;&gt;
                &lt;label&gt;
                  &lt;i class=&quot;fa fa-cloud-upload&quot;&gt;
                    &lt;%= image_form.file_field :picture ,:&#39;data-role&#39;=&gt;&quot;none&quot;,:onchange=&gt;&quot;readURL(this);&quot; , :accept =&gt; &#39;image/jpeg , image/png&#39; %&gt;
                  &lt;/i&gt;
                &lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
        &lt;% end %&gt;
        &lt;%= f.link_to_add &quot;Add a picture&quot;, :images ,:id=&gt;&quot;add_pic&quot; ,:class=&gt;&quot;js-add-slide&quot;, :style=&gt;&quot;display: none;&quot;%&gt;
    &lt;/div&gt;
    
    &lt;script&gt;
    function silder(){
        slideIndex = 0;
          $(&#39;.add-remove&#39;).slick({
            slidesToShow: 2,
            slidesToScroll: 2
          });
          $(&#39;.js-add-slide&#39;).on(&#39;click&#39;, function() {
            $(&#39;.add-remove&#39;).slick(&#39;slickAdd&#39;);
          });
    
          $(&#39;.js-remove-slide&#39;).on(&#39;click&#39;, function() {
            $(&#39;.add-remove&#39;).slick(&#39;slickRemove&#39;);
          });
    });
    function readURL(input) {
      if (input.files &amp;&amp; input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
        $(&#39;.img_prev&#39;).last()
          .attr(&#39;src&#39;, e.target.result)
        };
    
        reader.readAsDataURL(input.files[0]);
    
        setTimeout(function(){
          $(&#39;#add_pic&#39;).trigger(&#39;click&#39;);
          silder();
        }, 100);
      }
    }
    &lt;/script&gt;



Now with this code I got slider working, but its not coming proper I am getting error:

&gt; Uncaught TypeError: Cannot read property &#39;add&#39; of null


Content Type	Original Author	Original Content on Stackoverflow
Question	user677607	View Question on Stackoverflow
Solution 1 - C#	Troyen	View Answer on Stackoverflow
Solution 2 - C#	Chuck Savage	View Answer on Stackoverflow
Solution 3 - C#	Sebastián García	View Answer on Stackoverflow
Solution 4 - C#	Creek Drop	View Answer on Stackoverflow
Solution 5 - C#	James L	View Answer on Stackoverflow

Does C# WinForms have a slider control?

C# Problem Overview

C# Solutions

Solution 1 - C#

Solution 2 - C#

Solution 3 - C#

Solution 4 - C#

Solution 5 - C#

Dynamic proxy_pass to $var with nginx 1.0

Why is a primary-foreign key relation required when we can join without it?

Attributions