or
Do you have a control to mimics similar behavior http://www.lidpluss.com/themeforest/columbia-wp/ ?
Please refer the "Login & SignUp" link to the top!
div.RadMenu .rmVertical .rmItem
{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
-moz-opacity: 0.3;
line-height: 25px;
Text-indent: 10px;
background-color: #1B3456;
color: White;
}
.RadTreeView .rtLI
{
padding-bottom
:
10px
;
}
.RadTreeView .rtUL .rtUL
{
margin-top
:
10px
;
}
.RadTreeView .rtLast
{
padding-bottom
:
0
;
/* prevent double-spacing */
}
<script type="text/javascript">
The control creation is like this,
<RAWCIL:ILoad ID="ILoad1" runat="server" Appearance="Button" ForeColor="#0C55B1"
CssClass="button-new" Width="100px" Height="25px"><Configuration ManualTemporaryFolder="False"
OnCompleteBehavior="KeepFilesInTemporaryFolder"
WebPublishedDestinationFolder="True" CutMode="Manual" KeepSourceImage="False"
GenerateIconImage="False" GenerateSelectedImage="True"
GenerateIndexXMLFile="True" InternalCode="" Title="">
<TemporaryFolder Path="" UrlMode="Automatic" ManualUrl=""></TemporaryFolder>
<DestinationFolder Path="" UrlMode="Automatic" ManualUrl=""></DestinationFolder>
<WebImageDefinitions>
<Radactive.WebControls.ILoad.Configuration.WebImageDefinition InternalCode="Default" Title="Default"><SizeConstraint Mode="FreeSize">
<FixedSizeData Size="400, 300"></FixedSizeData>
<FixedAspectRatioSizeData Size="400, 300" LimitedDimension="Width">
<Limits>
<LowLimit Enabled="False" Value="300"></LowLimit>
<HiLimit Enabled="False" Value="400"></HiLimit>
</Limits>
</FixedAspectRatioSizeData>
<FreeSizeData>
<LimitsW>
<LowLimit Enabled="False" Value="300"></LowLimit>
<HiLimit Enabled="False" Value="400"></HiLimit>
</LimitsW>
<LimitsH>
<LowLimit Enabled="False" Value="300"></LowLimit>
<HiLimit Enabled="False" Value="400"></HiLimit>
</LimitsH>
</FreeSizeData>
</SizeConstraint>
<OutputOptions FormatMode="Custom" Format="b96b3cae-0728-11d3-9d7b-0000f81ef32e" JPEGQuality="92" JPEGForceRecompression="False"></OutputOptions>
</Radactive.WebControls.ILoad.Configuration.WebImageDefinition></WebImageDefinitions><WindowsAppearance><ImageUploadWizardWindow WindowTitle="RADactive I-load" TopLogoImageUrl="" ShowWelcomePage="True" ShowSummaryPage="True" WelcomePageText="" ShowImagePreviewBeforeFileUpload="True" ShowSaveButtonDuringImageEdit="True" CropperCanvasColor="White" HTMLCropperCanvasColor="White" AutoZoomCropperView="True"></ImageUploadWizardWindow><PreviewWindow WindowTitle="RADactive I-load - Preview" AllowImageDownload="True" AllowImagePrint="True"></PreviewWindow></WindowsAppearance><InputOptions><UploadableFileSizeLimits><LowLimit Enabled="False" Value="1"></LowLimit><HiLimit Enabled="False" Value="2097152"></HiLimit></UploadableFileSizeLimits><SourceImageSizeLimitsW><LowLimit Enabled="False" Value="300"></LowLimit><HiLimit Enabled="False" Value="400"></HiLimit></SourceImageSizeLimitsW><SourceImageSizeLimitsH><LowLimit Enabled="False" Value="300"></LowLimit><HiLimit Enabled="False" Value="400"></HiLimit></SourceImageSizeLimitsH><FileExtensionValidator DefaultBehavior="AcceptAll" AcceptedFileExtensions="" NotAcceptedFileExtensions=""></FileExtensionValidator></InputOptions><ImageCropperOptions AllowImageResize="True" AllowImageZoom="True" AllowImageRotate="True" AllowImageFlip="True"></ImageCropperOptions></Configuration></RAWCIL:ILoad>
<div style="text-align:middle" id="ILoad1_Image2" class="ILoad_CustomAppearance_DivImage"
onmouseover="this.className='homeimghover'" onmouseout="this.className='ILoad_CustomAppearance_DivImage'">
</div>
<telerik:RadGrid ID="RadGrid1" AllowSorting="true" AllowPaging="true"
PageSize="10" AutoGenerateColumns="false"
runat="server"
OnUpdateCommand="RadGrid1_UpdateCommand"
OnDeleteCommand="RadGrid1_DeleteCommand"
AllowAutomaticUpdates="false">
<
MasterTableView
DataKeyNames
=
"i_UserId"
EditMode
=
"PopUp"
AllowFilteringByColumn
=
"True"
Width
=
"100%"
TableLayout
=
"Auto"
>
<
Columns
>
<
telerik:GridBoundColumn
Visible
=
"False"
UniqueName
=
"FirstName"
HeaderText="First
Name"
DataField="s_FirstName"
EditFormColumnIndex="0">
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
Visible
=
"False"
UniqueName
=
"FirstName"
HeaderText="First
Name"<BR>
DataField="s_FirstName"
EditFormColumnIndex="0"><
BR
>
</
telerik:GridBoundColumn
>
<
Columns
/>
<
EditFormSettings
ColumnNumber
=
"3"
CaptionFormatString
=
"Edit details for User: {0}"
EditFormType
=
"AutoGenerated"
PopUpSettings-Width
=
"70%"
PopUpSettings-Modal
=
"true"
EditColumn-Resizable
=
"true"
PopUpSettings-ScrollBars
=
"Auto"
CaptionDataField
=
"s_Name"
>
<
FormTableItemStyle
Wrap
=
"true"
></
FormTableItemStyle
><
BR
>
<
FormCaptionStyle
CssClass
=
"EditFormHeader"
ForeColor
=
"Blue"
></
FormCaptionStyle
>
<
FormMainTableStyle
GridLines
=
"Both"
CellSpacing
=
"0"
CellPadding
=
"3"
Width
=
"100%"
HorizontalAlign
=
"Justify"
/>
<
FormTableStyle
GridLines
=
"None"
CellSpacing
=
"2"
CellPadding
=
"2"
CssClass
=
"module"
Height="110px"
/>
<
FormTableAlternatingItemStyle
Wrap
=
"False"
></
FormTableAlternatingItemStyle
>
<
FormStyle
Width
=
"100%"
BackColor
=
"#eef2ea"
></
FormStyle
><
BR
>
<
EditColumn
UpdateText
=
"Update record"
ButtonType
=
"PushButton"
UniqueName
=
"EditCommandColumn1"
CancelText="Cancel
edit">
</
EditColumn
><
BR
>
<
FormTableButtonRowStyle
HorizontalAlign
=
"Center"
ForeColor
=
"Blue"
CssClass
=
"EditFormButtonRow"
></
FormTableButtonRowStyle
>
</
EditFormSettings
><
BR
>
<
ExpandCollapseColumn
ButtonType
=
"ImageButton"
Visible
=
"False"
UniqueName
=
"ExpandColumn"
><
BR
>
<
HeaderStyle
Width
=
"15px"
></
HeaderStyle
><
BR
>
</
ExpandCollapseColumn
>
</
MasterTableView
>
</
telerik:RadGrid
>
protected
void
btn_submit_Click(
object
sender, EventArgs e)
{
GridItem[] items = RadGrid1.MasterTableView.GetItems(GridItemType.EditItem);
for
(
int
i = 0; i < items.Length; i++)
{
int
itemIndex = items[i].ItemIndex;
if
(RadGrid1.EditItems[i].ItemIndex == itemIndex)
{
(items[i]
as
GridEditableItem).FireCommandEvent(
"Update"
, String.Empty);
}
}
RadGrid1.EditIndexes.Clear();
for
(
int
i = 0; i < RadGrid1.PageSize; i++)
RadGrid1.EditIndexes.Add(i);
RadGrid1.Rebind();
}
if
(RadGrid1.EditItems[i].ItemIndex == itemIndex)