2016-11-22 6 views
0

私はasp.netで書いているウェブサイト用のカスタムボタンを作りたいと思います。私は、最善の方法を知るのに苦労しています。asp.netのWebフォームのカスタムボタン

これらのボタンについては、私は彼らのルックスを設計したいと思います。四角形以外の形が私の目的です。私はまた、これらのボタンが通常のボタンのように振る舞うようにしたい。ボタンの通常状態のバージョンが赤で、ボタンをクリックすると黄色に変わり、最後にボタンを離すと(マウスボタンが上がる)、赤に戻ります。私はまた、クリック可能な領域がボタンの同じ形状であることを希望します。

私はImageButtonsを見てきましたし、これは非常に私はそれが何をしたいのか合いません。私はユーザーコントロールとカスタムコントロールを見てきましたが、これが私にも必要なものかどうかはわかりません。学校では、私は実際に私のCシャープクラスまたはasp.net Web開発クラスのいずれかでこれらの機能を上回っていませんでした。私が欲しいものに合うようなものは、デモやwinformsの例です。必ずしもウェブフォームではありません。

試してみて、これを達成するために行くための最善の方法は何ですか?ユーザーコントロールは行く方法ですか?それともこれを達成するよりエレガントな方法がありますか?アドバイスをいただければ幸いです。私はコードを望んでいない、私はちょうどあなたが人が最も簡単だろうと思うだろう行く方法を知りたい。

ありがとうございます。

+1

あなたは追加のサーバー側の機能を入れたい場合にのみ、ボタンを継承するカスタムボタンを作成する必要があります。デザインパーツのみを変更したい場合は、css/jquery(または他のjavascriptライブラリ)を使用して、ボタンに適切なCssClassを追加します。 – mybirthname

+0

@ mybirthnameの解決方法があります。 –

+0

ありがとうございました。私は答えにCSSを使用する例を見て、それを試してみます。ユーザーやカスタムのサーバーコントロールが機能するように見えますが、同時に複雑に見えます。正しい方向に私を指してくれてありがとう。 –

答えて

1

を、私はちょうどスタイルのボタンにユーザーコントロールを実装していません。 CSSは軽量でメンテナンスが容易なので、代わりにCSSを使用してスタイルを設定します。

例えば、

enter image description here

<style type="text/css"> 
    .submit { 
     border: 1px solid #563d7c; 
     border-radius: 5px; 
     color: white; 
     padding: 5px 10px 5px 25px; 
     background: url(https://i.stack.imgur.com/jDCI4.png) 
      left 3px top 5px no-repeat #563d7c; 
    } 
</style> 

<asp:Button runat="server" ID="Button1" Text="Submit" CssClass="submit" /> 
+0

ありがとうございます。私はこれと一緒に遊んで、それがどうなるか見てみましょう。より多くの経験を私はCSSを使用して取得することができます。 –

1

ユーザーまたはカスタムコントロールが移動するための方法です。 HTML、CSS、Javascript、レンダリング、コントロールに必要なものすべてを定義することができます。

ユーザーコントロールは、あなたの後ろにあなたのコードで実装することができた.ascxファイルです。それらは簡単で軽量ですが、大規模なプロジェクトには適していません。

カスタムコントロールがコンパイルされ、必要であれば、あなたのフォーム(S)でそれらをドラッグ&ドロップすることができます。これらは時間がかかりますが、レンダリングを制御することができ、大きなプロジェクトでうまく機能します。あなたがもっとここで読むことができます

:私として

https://msdn.microsoft.com/en-us/library/aa651710%28v=vs.71%29.aspx?f=255&MSPPError=-2147217396

+0

ユーザーとカスタムコントロールの入力をお寄せいただきありがとうございます。私はこの解決策とCSSで遊びます。私がもっと学ぶほど、開発者の方が私は来るでしょう。あなたのご意見ありがとうございます。 –

関連する問題