iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
I want to use clientui(silvelight) controls to build a automatic image player just like the head of http://www.clientui.com/, and then I want to add this custom control to UXStackButton's popup box,when i click the small image in the custom control, it will popup the bigger image,and also i want the bigger image is in the popup box too,Can someone help me??? thank you
I have wrote some code
<Intersoft:UXStackButton Icon="Assets/Images/active.png" Text="SendMail" Height="30" Width="18" StackMode="ArcStyle"> <Intersoft:UXStackButton.StackGridTemplate> <DataTemplate> <StackPanel Width="450"> <Intersoft:UXPopup MaxWidth="450" Name="uXPopup1" HorizontalAlignment="Center" VerticalAlignment="Top" PreferredPosition="CenterParent"> <Image Name="images1" Source="{Binding}"></Image> </Intersoft:UXPopup> <Intersoft:ImageLoader MaxWidth="200" Name="imageLoader1" Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup" Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup" VerticalAlignment="Center" HorizontalAlignment="Center" Intersoft:UXPopup.TargetPopup="{Binding ElementName=uXPopup1}" Intersoft:UXPopup.TargetDataContext="/ClientMap;component/Assets/Images/butterfly.jpg" ImageSource="/ClientMap;component/Assets/Images/butterflyth.jpg" Margin="250,0,0,0" /> </StackPanel> </DataTemplate> </Intersoft:UXStackButton.StackGridTemplate> </Intersoft:UXStackButton>
but in these code,when i click the bigger image ,it's not in the pop-up box
IMO, for such scenario, we should not use UXPopup since UXPopup will not be integrated with the parent container. You could use the MouseEnter and MouseLeave event handler in order to resize the image, this way the container will resize itself based on the image. Here is the snippet:
<Intersoft:UXStackButton ... StackMode="GridStyle"> <Intersoft:UXStackButton.StackGridTemplate> <DataTemplate> <Image MaxWidth="75" MaxHeight="75" Name="imageLoader1" ... MouseEnter="imageLoader1_MouseEnter" MouseLeave="imageLoader1_MouseLeave" /> </DataTemplate> </Intersoft:UXStackButton.StackGridTemplate></Intersoft:UXStackButton>
private void imageLoader1_MouseEnter(object sender, MouseEventArgs e){ Image img = (Image)sender; img.ClearValue(Image.MaxWidthProperty); img.ClearValue(Image.MaxHeightProperty);}private void imageLoader1_MouseLeave(object sender, MouseEventArgs e){ Image img = (Image)sender; img.MaxHeight = 75; img.MaxWidth = 75; CallOut callout = Utility.FindVisualAncestor(img, typeof(CallOut)) as CallOut; callout.RefreshCallOut();}
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname
Creating your account...