SFC SourceCode-Forms-Controls-Web-Label css class

  • 10 December 2017
  • 1 reply
  • 68 views

Hi,

 

I know from some post (its link is below) in this community that the CSS class for the normal Label control is "SFC SourceCode-Forms-Controls-Web-Label", please, I need to know the CSS class for the DataLabel, and how can I change its direction to be Right-To-Left?

 

The post that told me the normal Label CSS class is:

http://community.k2.com/t5/K2-blackpearl/Reusable-Styling/m-p/96292#M31108

 

Thanks,

 


1 reply

Badge +9

Hi Abdelfattah,

 

you can use ".SFC.SourceCode-Forms-Controls-Web-DataLabel" class to change style of all datalabel available with in the forms,  but in case if you are targetting only specific datalabel then  use below selector

<style>
.SFC.SourceCode-Forms-Controls-Web-DataLabel{
 text-align: left;
}</style>

 

select datalabel in designer canvas whome you want to give style than on right side in properties for  under Detail for Name

 provide some text for example lblusername  and than  use below css to change its style

 

 

<style>
span[name="lblusername"]{
 text-align: left;
}</style>

 

 

Note red highlited text will be value assigned to name property.

 

If text-align: left;  css property dosen't work here, pls check  css style under properties and also for tabel cell (to check for table cell first select cell and than make sure align left is selected.) 

 

 

Let me know if this helps you.

Reply