2

I've got a styling question on my hands. Using sensenet, a platform for ASP.net functionality, forms are done with not only sensenet language, but also ASP.net language as well.

I'm having a problem making the ASP:TextBox feature look like the bootstrap input box. I've called the bootstrap css file, tried changing the class for the ASP:TextBox code, but nothing works aside from just using the html tag of 

<input class="text input-sm">

Here's the code I have so far:

<asp:TextBox CssClass="text input-sm" ID="InnerControl" placeholder="Middle Name" runat="server"></asp:TextBox>

.. and the css is being incoporated here:

<sn:CssRequest CSSPath="$skin/styles/Projectname/bootstrap.min.css" ID="pageTemplateUIStyleReq1" runat="server" />

Is there anyway to make the ASP:TextBox to look like the bootstrap input box but also function the way it's meant to function through ASP language?

Attached are images of the before and after-sought effects:

what I have now:
current effect

what I'm looking to attain: current effect

Community
  • 1
  • 1
LatentDenis
  • 2,839
  • 12
  • 48
  • 99

1 Answers1

2

The way you are adding the class to your textbox is correct. The problem is here:

<sn:CssRequest CSSPath="$skin/styles/Projectname/bootstrap.min.css" ID="pageTemplateUIStyleReq1" runat="server" />

Just add a normal reference to your stylesheet and don't try to load it server side. If your page requires this, check to ensure it is loading bootstrap correctly in your browsers dev tools.

Stephen Brickner
  • 2,584
  • 1
  • 11
  • 19